如何利用js实现在指定节点添加style？

通过节点的style属性添加

1、定义一个节点

<div id='tsdiv'></div>

2、获取div节点

var domdiv = document.getElementById('tsdiv')//通过document.getElementById获取dom节点

3、添加style

div.style.display = 'none'//添加style属性，设置display样式为none

思路

1、通过cssText的方式进行拼接。

2、通过设置class，累加设置class的方式进行。

代码示例

1、第一种方式可以用下面函数，el表示dom节点，strCss表示要设置的样式

function setStyle(el, strCss){

    function endsWith(str, suffix) {

        var l = str.length - suffix.length

        return l >= 0 && str.indexOf(suffix, l) == l

    }

    var sty = el.style,

        cssText = sty.cssText

    if(!endsWith(cssText, '')){

        cssText += ''

    }

    sty.cssText = cssText + strCss

} 2、第二种方式把样式定义成class，element表示dom节点，value表示class名称

function addClass(element,value){  

if(!element.className){            

element.className=value

}else{

newClassName=element.className

newClassName+=""

newClassName+=value

element.className=newClassName

}

}

<div class="div" id="0" style="position: fixedz-index: 2147483646left: 0pxwidth: 100%text-align: centerbottom: -5px background:red">

</div>

//上面的样式，修改了一下，加了一个class和设置了一个背景图。

<script type="text/javascript">

var div = document.getElementsByClassName('div')[0]

//在它的后面加上''转换成字符串

var oid = oRandom(1,99999) + '' 

//设置新的id值

div.setAttribute('id',oid)

//设置样式

div.style.height = '100px'

//用下面的函数，产生一个n-m的随机整数

function oRandom(n,m){

  var c=m-n+1

  return Math.floor(Math.random()*c+n)

}

</script>

//我不知道你有什么用，但是无论id值怎么变，div的高度都是恒定的。

---