获取元素偏移量

获取标签

示例

获取标签元素

示例

获取表单元素属性

示例

设置自定义属性

示例

添加和删除元素

改变 HTML 元素

获取元素偏移量

object.offsetLeft：元素距离leftBody多少；

object.offsetTop：元素距离topBody多少；

获取标签

object.getElementById：通过ID获取元素；

object.getElementsByTagName：通过标签获取元素；

object.getElementsByName：通过name获取元素；

object.getElementsByClassName：通过class获取元素；

object.querySelector：通过选择器获取元素,只返回第一个；

object.querySelectorAll：通过选择器获取元素,返回所有；

示例

document.getElementById('cce') // 通过id来获取元素;

document.getElementsByClassName('cce') // 通过class来获取元素;

document.getElementsByTagName('div') // 通过标签来获取元素;

document.querySelector('.cce') // 通过选择器来获取元素,只返回第一个;

document.querySelectorAll('#cce') // 通过选择器来获取元素,返回所有;

获取标签元素

innerHTML:找到标签下面的标签包括文本；

innerText/textContent:找到标签下面的文本,他们两个的用法是一样的，只不过有的浏览器不支持，现在一般用innerTEXT；

示例

document.getElementById('cce').innerTEXT='cce';

获取表单元素属性

value：用于大部分表单元素的内容获取(option除外)；

type：可以获取input标签的内心(输入框或复选框等)；

disabled：禁用属性；

checked：复选框选中属性；

selected：下拉菜单选中属性；

示例

object.getElementById('id').disabled=true/false

object.getElementById('id').checked=true/false

object.getElementById('id').selected=true/false

设置自定义属性

getAttribute：获取自定义属性；

setAttribute：设定自定义属性；

removeAttribute：移除自定义属性；

示例

object.getAttribute('cce')

object.setAttribute('cce',18)

object.removeAttribute('cce')

添加和删除元素

document.createElement(element)：创建HTML元素；

document.removeChild(element)：删除HTML元素；

document.appendChild(element)：添加HTML元素；

document.replaceChild(element)：替换HTML元素；

document.write(text)：写入HTML输出流；

改变 HTML 元素

element.innerHTML = new html content：改变元素的inner HTML；

element.attribute = new value：改变HTML元素的属性值；

element.setAttribute(attribute, value)：改变HTML元素的属性值；

element.style.property = new style：改变HTML元素的样式；