是否有一种有效的方法来判断DOM元素(在HTML文档中)当前是否可见(出现在视口中)？
(关于Firefox的问题)
我想创建一个简单的JS代码,在后台创建一个图像元素,不显示任何内容.image元素将调用跟踪URL(例如Omniture),并且需要简单而强大,并且在IE 6 = <only中工作.这是我的代码:
var oImg = document.createElement("img");
oImg.setAttribute('src', 'http://www.testtrackinglink.com');
oImg.setAttribute('alt', 'na');
oImg.setAttribute('height', '1px');
oImg.setAttribute('width', '1px');
document.body.appendChild(oImg);
这是最简单但最健壮(无错误)的方法吗？
我不能使用像jQuery这样的框架.它需要是纯JavaScript.
我正在尝试制作一个适用于多个页面的js代码.我正在尝试使用querySelectorAll()从DOM中获取元素.
我需要订购的元素.为了做到这一点,我可以使用xPath或选择器(我更喜欢使用选择器,但xPath也可以).问题是:
querySelectorAll()返回的NodeList中的元素是否按照标记在HTML中出现的顺序排序？
注意:我想添加标签:querySelectorAll
next,prev,nextAll和prevAll方法非常有用,但如果您尝试查找的元素不在同一个父元素中,则不会.我想做的是这样的:
<div>
<span id="click">Hello</span>
</div>
<div>
<p class="find">World></p>
</div>
当click按下具有id的span时,我想将下一个元素与类匹配find,在这种情况下,该类不是被点击元素的兄弟,所以next()或nextAll()不起作用.
我正在寻找类似于jQuery图像延迟加载插件的东西,但对于iframes.
我很好奇是如何延迟加载图像,滚动到它们时将加载的图像,工作.
任何提示？
我一直在搜索(不成功)一个可靠的方法来延迟加载图像,同时使用HTML5规范<picture>.目前大多数解决方案/插件都依赖于使用data-属性.我可能是错的,但似乎这种方法不能同时使用<picture>.
我真的只是想指向正确的方向.如果有人有他们正在使用的解决方案,我很乐意看到.谢谢!
更新:
这是HTML5规范的标准标记:
<picture width="500" height="500">
<source media="(min-width: 45em)" src="large.jpg">
<source media="(min-width: 18em)" src="med.jpg">
<source src="small.jpg">
<img src="small.jpg" alt="">
</picture>
如何获得在视口中可见的第一个 DOM 元素？
PS：当我滚动到页面的中间或底部时，页面中的第一个 DOM 元素不会是第一个“可见”元素