HTML DOM笔记整理

节点的属性:

关键字 简介 示例代码
nodeName

节点名称

示例代码
nodeValue

节点值

示例代码
nodeType

节点类型

示例代码
innerHTML

元素的文本内容

示例代码
id
value
className

元素上的属性

 

节点名称:   

节点值:


   
hello HTML DOM

元素的文本内容:

修改与获取内容的值可以通过 childNodes[0].nodeValue进行 
还有个简便办法就是通过innerHTML进行。 效果是一样的。


    
hello HTML DOM

DOM样式:

var d = document.gertelementById("d");

d.style.display = ""none";    


  

  


这是一个div

案例练习:

HTML DOM笔记整理_第1张图片

id 名称 血量 伤害
1 gareen 340 58
2 teemo 320 76
3 annie 380 38
4 deadbrother 400 90
var span1 = document.getElementsByTagName("span"); for(i = 0; i < span1.length; i++){ span1[i].style.display = "inline-block"; span1[i].style.width = "200px"; span1[i].style.textAlign = "center"; span1[i].style.lineHeight = "30px"; } var span2 = document.getElementsByTagName("div"); for(var j=0; j

另外注意到一点的是  div内容标签要放在

你可能感兴趣的:(HTML)