js动态添加的元素怎么设置样式

JavaScript010

js动态添加的元素怎么设置样式,第1张

1

2

3

4

5

6

7

8

9

10

11

12

13

14

<div id="parent"></div>

function addElementDiv(obj) {

var parent = document.getElementById(obj)

//添加 div

var div = document.createElement("div")

//设置 div 属性，如 id

div.setAttribute("id", "newDiv")

div.innerHTML = "js 动态添加div"

parent.appendChild(div)

用js获取表格元素,行元素tr或者列元素td,进行css样式设置即可

<table><tr><td></td></tr></table>

<script type="text/javascript" scr="jquery.js">

    

    $('tr').css('border','solid 1px purple')

    $('td').css('border-collapse','collapse')

    $('td').css('padding','10px')

</script>

//以上方法是jquery方式实现获得和样式修改

//其中css和attr中参数可变,一个参数时意为获取,两个参数为设置

//设置样式也可给元素添加属性用attr

//或者addClass都可以,添加class属性等