常见面试题
13、DOM对象-DOM简述
DOM文档对象模型,整个 html加载到内存中会形成一颗DOM树,产生一个DOM对象叫document.每一个标签,文本,属性都会被封装成DOM树的节点对象.
有几种方式获取元素节点对象,方法有什么特点?
整个html文档加载到内存中形成一个document树,产生的每一个DOM 对象叫
document.每一个标签 ,文本,属性都可以封装成DOM对象
常用的四种方式:
getElementById(); ---通过元素ID获取对应元素对象
可以通过ID获取对应的元素对象,如果找不到,返回null
getElementsByName(); ---通过元素的name属性获取符合要求的所有元素
可以通过name来获取元素
getElementsByTagName(); ---通过元素的元素名属性获取符合要求所有元素
getElementsByClassName(); ---通过元素的class属性获取符合要求的所有元素可以获取到元素节点对象 数组;如果找不到,返回 空数组
DOM中操作元素对象
value
元素对象.value, 获取元素对象的value属性值。
元素对象.value=属性值 设置元素对象的value属性值。
修改元素的值
4.3.2、className
元素对象.className, 获取元素对象的class属性值。
元素对象. className =属性值 设置元素对象的class属性值。
修改元素样式
4.3.3、checked
元素对象.checked, 获取元素对象的checked属性值。
元素对象. checked =属性值 设置元素对象的checked属性值。
注:HTML中checked=”checked”,JavaScript中返回true,false
修改单选/复选的 选中与否
4.3.3、innerHTML
元素对象.innerHTML, 获取元素对象的内容体
元素对象.innerHTML=值 设置元素对象的内容体
操作元素的内容体