常见的有三种：
通过 id 找到 HTML 元素
通过标签名找到 HTML 元素
通过类名找到 HTML 元素
1通过 id 查找 HTML 元素
在 DOM 中查找 HTML 元素的最简单的方法，是通过使用元素的 id。
var x=documentgetElementById("intro");2通过标签名查找 HTML 元素
var x=documentgetElementById("main");var y=xgetElementsByTagName("p");
3通过类名找到 HTML 元素
var el = documentgetElementsByClassName('foo');原生JS通过id和class获取元素是用，documentgetElementById(IDname),documentgetElementsByClassName('ClassName');
兼容性：ID兼容，class 不兼容IE6,7,8
数量： 通过ID只能获取一个dom元素，通过class可以获取一组元素。
通用性：ID不能重复，class可以重复，所以class比较好用，这也是jQuery能被广泛应该的原因（选择器好）。
DOM全拼为DocumentObjectModel（文档对象模型）
是一种用于HTML和XML文档的编程接口，它给文档提供了一种结构化的表示方法，可以改变文档的内容和呈现方式。我们最为关心的是，DOM把网页和脚本以及其他的编程语言联系了起来。DOM实际上是以面向对象方式描述的文档模型。DOM定义了表示和修改文档所需的对象、这些对象的行为和属性以及这些对象之间的关系。
<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8" />
<title>lasthtml</title>
<style>
</style>
<script type="text/javascript">
var toggleColor = function (dom)
{
if (!!domindex)
{
dominnerHTML = '把鼠标点击';
documentquerySelector ('div1')stylebackgroundColor = 'green';
// domstylebackground = 'green';
// documentgetElementsByClassName('div')[0]stylebackground = 'green';
domindex = 0;
}
else
{
dominnerHTML = 'thank you';
documentquerySelector ('div1')stylebackgroundColor = 'red';
// domstylebackground = 'red';
// documentgetElementsByClassName('div1')[0]stylebackground = 'red';
domindex = 1;
}
}
</script>
</head>
<body>
<div class="div1" onclick="toggleColor(this)" style="background: blue; width: 120px; height: 20px; padding: 40px; color: #fff;">把鼠标移动到上面</div>
</body>
</html>
$("#btnAdd")click(function(){
$("<span/>")appendTo("#addTagDiv")html($("#textAdd")val())addClass("spanTag")click(function(){
//这里面的this就是当前这个span的dom元素
//$(this)就是当前span的jquery对象，你可以对他们进行任何 *** 作
//比如现在我就移除当前这个span
$(this)remove();
})
});
//最后整个代码的意思就是一个ID为btnAdd的元素单击时则追加一个span元素到ID为addTagDiv的元素内，该span的html为一个ID叫textAdd元素的value属性值。然后单击任何一个新增的span元素将会把这个span移除掉
//代码没有测试，如有问题请继续追问
不知道你具体是要修改i的样式还是移除class，所以都给你说了吧
$('#defo')addClass()、$('#defo')removeClass()、$('#defo')toggleClass()、$('#defo')css()
一般都是用id去获取dom节点，因为id相对唯一，如果是要改变多个就用$('fa')[Methods]
1 datePicker所加的className 类名作用的范围是输入框，不能控制展开的下拉框样式
2 展开的日历框的位置是相对于body，并不在 <div id='root'>中，而且层级较高，为1050，超过了Modal组件的层级，官方提供的dropdownClassName 属性并不能加上类名，需用popupStyle加在DatePicker 上，可通过这种方法来解决层级过高的问题。
3 Mode属性为year/mode 不能选中
4 结合mode属性，Modal组件也是相对的body的组件，不在root范围内，层级为1000，层级问题可通过 wrapClassName 属性解决 ，但是如果多个modal覆盖出现，或modal中datePicker，也会出现层级问题，这时可以单个设置，也可以根据业务利用js直接提高 ，我在项目中有一个d框是一定要显示在最上面，因此用的js控制。
5antd所增加的类名都会带有后缀，如果只是更改css没有影响，如果想利用js去控制css，需查询DOM去获取到真是的类名
以上就是关于javascrip获取html的dom对象的 *** 作的方法通常有哪些全部的内容，包括:javascrip获取html的dom对象的 *** 作的方法通常有哪些、js获取id号和class类名的区别、DOM是什么意思啊等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）