js里面怎么动态的为对象添加属性

js里面怎么动态的为对象添加属性,第1张

添加属性用setAttribute()方法,可以传入两个参数,第一个是属性名称,第二个是要设置的属性值

var li = document.getElementsByTagName('li')[0]

//设置 li 属性,如 data-falg,设置为true

li.setAttribute("data-falg", "true")

也可以获取属性用getAttribute(),传入一个参数,是想获取的属性名称,返回的是该属性的值

<html>

<head>

</head>

<body>

<div id="result"></div>

<script type="text/javascript">

creater(50, 60)

creater(65, 60)

creater(65, 75)

creater(80, 75)

creater(50, 60)

creater(65, 60)

creater(65, 75)

creater(80, 75)

function creater(t, l) {//动态创建div,t,l为定位坐标

//var div_content = document.getElementById("test")

var size = 20

var newblock = document.createElement("div")

newblock.setAttribute("class", "divblock")

newblock.style.display = "inline"

newblock.style.border = "solid 1px gray"

newblock.style.width = size + 'px'

newblock.style.lineHeight = size + 'px'

newblock.style.position = "absolute"

newblock.style.top = t + 'px'

newblock.style.left = l + 'px'

document.getElementById("result").appendChild(newblock)

}

</script>

</body>

</html>

试试上面的

jquery处理元素时,jquery添加的下拉框完全可以当做body中已经存在的下拉框处理

你动态加下拉框时可以加class或id标记,然后删除就行了

eg:$("#div1").append("<select id='sel1' name='user.gender'><option>男</option><option>女</option></select>")

删除时:

$("#sel1").remove()


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存