JAVA全系列 教程
3762个小节阅读:7092.7k
目录
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
Element对象对应网页的 HTML 元素。每一个 HTML 元素,在 DOM 树上都会转化成一个Element节点对象(以下简称元素节点)
Element.id
属性返回指定元素的id
属性,该属性可读写
xxxxxxxxxx
// HTML 代码为 <p id="foo">
var p = document.querySelector('p');
p.id // "foo"
className
属性用来读写当前元素节点的class
属性。它的值是一个字符串,每个class
之间用空格分割
xxxxxxxxxx
// HTML 代码 <div class="one two three" id="myDiv"></div>
var div = document.getElementById('myDiv');
div.className
classList
对象有下列方法
add()
:增加一个 class。remove()
:移除一个 class。contains()
:检查当前元素是否包含某个 class。toggle()
:将某个 class 移入或移出当前元素。
xxxxxxxxxx
var div = document.getElementById('myDiv');
div.classList.add('myCssClass');
div.classList.add('foo', 'bar');
div.classList.remove('myCssClass');
div.classList.toggle('myCssClass'); // 如果 myCssClass 不存在就加入,否则移除
div.classList.contains('myCssClass'); // 返回 true 或者 false
Element.innerHTML
属性返回一个字符串,等同于该元素包含的所有 HTML 代码。该属性可读写,常用来设置某个节点的内容。它能改写所有元素节点的内容,包括<HTML>
和<body>
元素
xxxxxxxxxx
el.innerHTML = '';
innerText
和innerHTML
类似,不同的是innerText
无法识别元素,会直接渲染成字符串
实时效果反馈
1. 下列代码为div元素动态添加一个class,画横线处应该填写的内容是:
xxxxxxxxxx
var div = document.getElementById('myDiv');
div.classList.___('myCssClass');
A remove
B add
C toggle
D contains
答案
1=>B