DOM节点的种类
元素和标签是一个意思,例如<body>标签或者称为<body>元素
节点DOM的节点分为三类 元素节点,文本节点,属性节点
例如
<div id=‘box’>例子</div> 其中元素节点就是指这个div,文本节点就是指‘例子’这个文本,属性节点是指id
查找和定位节点
查找元素JS提供的几种方法:
-
- getElementById()
document.getElementById()
DOM操作必须要等到HTML文档加载完毕才能进行
怎样获取?
(1)把含有DOM操作的<script>标签移后
(2)使用onload事件
window.onload = function(){
//里面存放需要页面加载完毕后才要执行的代码
}
例如:
window.onload=function(){
var OneBox = document.getElementById(‘box‘);
} - OneBox.tagName 获取元素节点的标签名字
- OneBox.innerHTML 获取元素内的纯文本 注意纯文本的含意 包含HTML标签 是文本内容而不是文本节点
- OneBox.id 获取id值
- OneBox.title 获取title值
- OneBox.style 获取style属性对象 如果想获取stley对象则需要类似这样获取:OneBox.style.css
- OneBox.className 获取css的class名字 即获取元素节点class属性的值
- getElementById()
查找文本
查找属性
时间: 2024-08-09 22:01:54