javascript - 如何在 JavaScript 中为内容添加样式？

Question

我一直在处理 JavaScript 文件，我的内容一直在处理短语。现在我想改变这些短语的风格。第一个函数(见函数swapFE)我想把phrase节点的字体样式改成normal。并将短语节点的颜色更改为颜色值(155、102、102)。第二个函数(参见 swapEF)我想将字体样式更改为斜体，将字体颜色更改为黑色。我怎么写这些？我是用 JavaScript 在这些函数中编写它，还是直接在 CSS 或 HTML 中应用样式更改？

这是我要应用样式更改的两个函数:

    //this function changes the French phrase to an English phrase.
function swapFE(e) {
       var phrase = e.srcElement; 
       //phrase.innerText = english[phrase.id];
    var parent = phrase.parentNode;
    //childNodes[0] is the number of the phrase +1 
    var idnum = parent.childNodes[0];
    //parseInt takes a textstring and extracts it to make a number. Then you will subtract 1 from the number.
    var phrasenum = parseInt(idnum.innerHTML)-1;
    phrase.innerText = english[phrasenum];

  }


function swapEF(e) {
       var phrase = e.srcElement; 
       //phrase.innerText = english[phrase.id];
    var parent = phrase.parentNode;
    var idnum = parent.childNodes[0];
    var phrasenum = parseInt(idnum.innerHTML)-1;
    phrase.innerText = french[phrasenum];

如果您能给我指出一个引用资料，我可以在其中找到这些属性，那就太好了。

Answer 1

obj.style.whicheverProperty = "value"

例如:

document.getElementById('mydiv').style.fontVariant = "italic";

您要查找的 google 关键字是 HTML DOM(文档对象模型)，它将各种样式定义为对象样式成员的属性。