如何在js中找到网页中的元素:
1.获取页面中的标签元素,获取到元素后,在js中是一种元素对象,
js对这种对象会提供一些操作元素的属性和方法;
2.grtElementById 表示在文档中通过元素的id属性值来获取元素,参数是字符串,
直接写值,不需要加上#号
获取到元素后,尽量保存到变量中,方便后续操作
获取元素以后,保存在变量中,就可以通过这个变量操作元素,操作元素一般分为三个方面:
元素的内容,元素的属性,元素的css样式
//获取元素以后,保存在变量中,就可以通过这个变量操作元素,操作元素一般分为三个方面:元素的内容,元素的属性,元素的css样式
var oh1 = document.getElementById('title')
console.log(oh1)
//通过innerHTML属性获取内容
console.log(oh1.innerHTML)
//操作内容
oh1.innerHTML = '经过js操作后的h1内容'
//获取元素属性值
console.log(oh1.title)
//操作元素属性值
oh1.title = '重新设置的提示文本'
//注意,在获取元素的class值时要特殊处理,通过className来访问/操作
console.log(oh1.className)
//操作className的值
oh1.className = 'son'
//操作元素的css样式
oh1.style.border = "1px solid orange"
//对于css样式中,如果出现样式属性的名称是多个单词的,使用-连接的需要去掉-,把-后的单词首字母大写连在一起写
//原因是-在js中表示数学运算了
//例如:line-height => lineHeight