如何使用DOM更改/添加p标签样式？

Question

我想在我的font-size标记中使用DOM来变量P，但我似乎无法找到一种方法来访问它来更改样式。我试过这个，

document.body.p.style.font-size = ""+p_var+"px";

并尝试使用setAttribute的几种方法，但没有运气。任何人都可以告诉我如何改变它。

Answer 1

请尝试以下代码：

var s=document.getElementsByTagName('p');
for(i=0;i<s.length;i++)
{
    s[i].setAttribute("style","font-size:"+p_var+"px");
}

Demo Fiddle

Answer 2

尝试这样的事情，

<p id="myP">This is a paragraph.</p>

JS

document.getElementById("myP").style.fontSize = ""+p_var+"px";

否则，如果您想为所有<p>代码设置样式，请尝试以下

var node; 
node = document.getElementsByTagName('p');
for (var i = node.length-1; i>=0; i--) {
    node[i].style.fontSize = ""+p_var+"px";
}

此外，如果您需要为<p>标签设置相同的班级名称，

<p class="myP">This is a paragraph.</p>
<p class="myP">This is a paragraph.</p>

试试这个，

var node; 
node = document.getElementsByClassName('myP');
for (var i = node.length-1; i>=0; i--) {
    node[i].style.fontSize = ""+p_var+"px";
}

Answer 3

Using jquery it can be done as

$("p").css({"font-size":"30px"});

Answer 4

首先，准备一个css类，例如

.font30 {
  font-size: 30px;
}

然后使用jquery

$("p").addClass("font30");

使用类而不是内联css是好的做法：）