JS 操作元素属性

最新推荐文章于 2024-03-24 22:12:02 发布

Yang Qi(Warm 白羊)

最新推荐文章于 2024-03-24 22:12:02 发布

阅读量100

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/weixin_45974687/article/details/104730228

版权

html

<div class="one" id="box" style="width: 100px; height: 100px; background-color:pink;">我是个盒子</div>

script

	//获取元素
	var one = document.getElementsByClassName("one")[0];

对象的取值和赋值方法: 点语法: 对象名.属性名字符串语法: 对象名[“属性名”]

	console.log(one.id);
    console.log(one["id"]);
    console.log(one.style);
    console.log(one.style.width);
    console.log(one.style.height);
    console.log(one.style.backgound-color); //报错
    console.log(one.style.backgroundColor);
	
	//给属性对象赋值
	one.style.backgroundColor = "green";