如何使用javascript为旧元素增加20像素？

如何使用javascript向旧元素添加更多的

20px

在我的

id=“test”

上有

填充顶部：30px

<p id="test" style=" padding-top: 30px; " >This is the paragarph</p>

但不是工作，我怎么能做到

使用javascript的
parseInt（）函数，用于将字符串解析为整数

将脚本更改为：

(function() {
  var p = document.getElementById("test");
  var style = p.currentStyle || window.getComputedStyle(p);

  padding_top_value = parseInt(style.paddingTop, 10);
  padding_top_value_new = padding_top_value + 20;

  alert(padding_top_value_new);     
})();

也看看这个

更新：
以下是调整
p
高度所需的代码


（函数（）{
var p=document.getElementById（“测试”）；
var style=p.currentStyle | | window.getComputedStyle（p）；
p、 style.paddingTop=parseInt（style.paddingTop，10）+20+'px'；
})();

这是第二段


var p=document.getElementById（“测试”）；
p、 style.paddingTop=“计算（+p.style.paddingTop+“+20px）”
这是第二段欢迎使用stackoverflow:）如果我的答案对您有效，请选择它作为最佳答案：）注意：对于
parseInt（）
，通常建议指定
基数
，而不是让引擎从输入猜出它–
parseInt（style.paddingTop，10）。
(function() {
  var p = document.getElementById("test");
  var style = p.currentStyle || window.getComputedStyle(p);

  padding_top_value = parseInt(style.paddingTop, 10);
  padding_top_value_new = padding_top_value + 20;

  alert(padding_top_value_new);     
})();