JavaScript操作Dom元素

Dom树是网页中的文档元素 我们可以操作Dom树来动态的改变网页的Html结构

我们要想操作Dom元素 首先得要获取到这个元素的指针 我们一般使用JQuery的选择器去绑定一个Dom对象

var a1 = $('# id名') //id选择器 
var a2 = $('. 类名') //类选择器

获得这个Dom对象的引用后 我们就可以对网页元素进行操作了

var self = $('#id'); 
self .innerText = '1111';//innerText可以改变这个元素下的文本值
self .innerHTML = '<Strong>加速字体</Strong>'//innerHtml可以重新编写元素下的HTML代码
....

也可以改变他们的css样式

var self = $('#id'); 
self .style.color = 'red' //属性的值要用引号包裹
self .style.fontSize = '20px' //原本css中 - 在js中使用驼峰（css中字体大小使用font-size 在js 使用fontSize)
self .style.padding = '2em'

删除节点 要想删除一个节点 我们需要获得这个元素的父节点 让父节点删除子节点 自己是不能删除自己的

var self = $('#id'); 
var father = self.parentElement //获取父节点