求大神帮忙用 js 给div加属性

求大神帮忙用 js 给div加属性,第1张

container = document.createElement('div')

container.style.width = 800 + "px"// 宽度

container.style.height = 600 + "px"// 高度

document.body.appendChild(container)

使用JavaScript给html中的一个div的属性赋值可以使用jquery的attr()方法来实现。

工具原料:编辑器、jquery

1、首先jquery的attr()方法允许两个参数,如果值给一个参数则返回的是元素的属性的值,两个参数可以设置一个元素属性的值为第二个参数。

2、给div元素属性赋值的代码如下:

<div id="div1" class="test"></div>

<script type="text/javascript">

$('#div1').attr('class','baidu')

</script>

3、运行代码如下,审查元素防线class的值已经改为baidu,如下图:

用JS给div添加样式是通过js *** 作css来实现的。

用js方法找到div的dom对象

通过js *** 作css的style属性来改变div的样式

具体举例如下:

定义div:<div id="myDiv" style="color:red">改变样式测试</div>

编写js代码:

var color = document.getElementById("myDiv").style.color

if (color == "red")

 document.getElementById("myDiv").style.color="black"

else

 document.getElementById("myDiv").style.color="red"

执行js代码后,div原来是红色会变成黑色,原来是别的颜色会变成红色


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11789807.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存