李佳瑞日记

Pluto · 发表于 2020-2-18 23:02:35

今天学了DOM节点，并且尝试了其中的增删改查等操作
<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title></title>
  <script type="text/javascript">
window.onload = function(){
var odiv1 = document.getElementById('div1');
//获取节点的类型名称
var oName = odiv1.nodeName;
// alert(oName)
            //alert(odiv1.attributes[0].nodeName);
//获取ul
var oul = document.getElementById('ul1');
var oulStr = oul.childNodes[0];
//alert(oulStr.nodeName);

//获取对象的值
var div1Value = odiv1.nodeValue;
//alert(div1Value);
//输出属性的值
//alert(odiv1.attributes[0].nodeValue);
//输出文本节点的值
//alert(odiv1.childNodes[0].nodeValue);
//获取文本值
alert(odiv1.textContent);
//innerhtml向节点中输入HTML代码和内容
odiv1.innerHTML = "今天天气真好！"
}
  </script>
</head>
<body>
  <div id="div1">
11
  </div>
  <ul id= "ul1">
<li>22</li>

  </ul>
</body>
</html>

		自动登录	找回密码
密码			立即注册