Dom属性

最新推荐文章于 2024-01-30 13:23:48 发布

琉璃玥琉璃

最新推荐文章于 2024-01-30 13:23:48 发布

阅读量866

点赞数

文章标签： js Dom

本文链接：https://blog.csdn.net/liuliyueliuli/article/details/100054035

版权

DOM：
docunment 文档
object对象
model 模型

DOM是为了让开发人员通过js的方式来控制界面。

节点的属性：
console.log(Node);//节点对象；
nodeName：节点名称；=节点的名字
nodeType：节点类型；1：元素 2：属性 3.文本；

childNodes 元素的直接孩子节点（包含元素节点和文本节点）
firstChild：//第一个孩子节点
listChid：//最后一个孩子节点
parentNode：//父节点
previousSibling：//上一个兄弟节点
nextSibling://下一个兄弟节点
childern: //直接后代的元素节点。

//点击添加按钮添加一个Div；
<button id="btn"添加</button>
<script>
var btn= document.getElementById('btn');
btn.onclick = function(){
var oDiv = document.createElement('div');
oDiv.innerHTMl="xinde1"document.boby.apperChild(oDiv
);};
</script>