您好，HTML5规范文档中指出:如果一个元素符合下面两条规则中的任一条,则window对象中必须要有与之对应的一个属性,属性值就是这个对象
如果一个元素拥有ID属性,那么ID属性的属性值就会成为window对象的属性名
如果一个元素拥有name属性,那么name属性的属性值就会成为window对象的属性名但这个元素的标签名必须是: a, applet, area, embed, form, frame, frameset, iframe, img, object,其中的一个。
> "foo" in window
false
> typeof foo // 这个全局变量到底有木有
object
//错误控制台输出了下面的警告//Element referenced by ID/NAME in the global scope
//Use W3C standard documentgetElementById() instead
> foo
[object HTMLDivElement]
//错误控制台输出了下面的警告//Element referenced by ID/NAME in the global scope
//Use W3C standard documentgetElementById() instead> "foo" in window true
把var type=$("#tool_name"+i)innerHTML;换成：
var type = $(this)next("a")html();
就可以了。
因为click(function (){是个匿名函数，在里面不要写外面for循环的i，因为i会一直是同一个值，改一下，不使用i就可以了。
<body style="height: 2000px;">
<div class="c f" onclick="fn()" style="border:10px solid #ccc;height: 80px;color:red;background:rebeccapurple"> 我是div</div>
<script>
let div = documentquerySelector('div');
/ 通过style在行内样式上获取样式 /
/ 使用style获取样式 写的什么 就能获取到什么
不会转成rgb 和 出现其他的样式 /
consolelog('style',divstylecolor )
consolelog('style',divstylebackground )
/ style是获取不到在内部样式上或者外部样式上的样式的 /
// consolelog( divstylecolor )
// / font-size js中要是用驼峰的方式获取 /
// consolelog( divstylefontSize )
/ 使用windowgetComputedStyle可以获取行内、内部、外部的所有样式
但是 获得color是rbg格式的，获取的background是所有属性 /
consolelog( windowgetComputedStyle(div,null)color )
consolelog( windowgetComputedStyle(div,null)fontSize )
consolelog( windowgetComputedStyle(div,null)background )
consolelog( windowgetComputedStyle(div,null)height )
// documentonscroll = function (){
// consolelog(documentdocumentElementscrollTop);
// }
</script>
通过id 类名 标签名称都可以获取
documentgetElementById("id名称")
documentgetElementsByClassName('类名')
documentgetElementsByTagName(‘标签名称’)
let el = documentgetElementsByTagName('');
//获取页面所有的元素
consolelog(el);
let elObj = {};
for(var i=0; i
if(!elObj[el[i]tagNametoLowerCase()] ){
elObj[el[i]tagNametoLowerCase()] =1;
}else{
elObj[el[i]tagNametoLowerCase()] ++;
}
}
//每个元素的个数
consolelog(elObj)
js获取html添加元素属性：先给元素设ID再用js获取ID属性即元素属性实现案例： Web发 JS代码： var ka=documentgetElementByI d("link"); alert(kagetAttribute("id"));//获取Html标签自定义属性 alert(kaid);//获取Html标签规属性
以上就是关于js获取已知id的DOM元素全部的内容，包括:js获取已知id的DOM元素、请教一个js的问题 获取元素的问题、js之获取元素样式等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）