如何使用javascript设置字体样式“italic”

时间:2016-08-09 05:56:14

标签: javascript italic

我知道如何在HTML中设置字体样式斜体,但现在我只想用java脚本来做。是否可以在java脚本中执行此操作? 。有人可以帮助\澄清我。这是我的代码,

 myJson.name.push(mainSteps.name); // Need to changes this in italic (js code)

7 个答案:

答案 0 :(得分:4)

JavaScript字符串本身没有“样式”的概念。样式仅适用于输出字符串的某处。如果将其输出为HTML,则可以使用HTML或CSS对其进行样式设置。

因此,如果您询问是否存在“输出无关”方式来设置JavaScript字符串的样式,答案是

顺便说一句,您编写的代码是 JavaScript(假设您为ID传递了正确的值):

document.getElementById(#Html id).style.fontStyle = "italic";

如果你想设置 HTML输出的样式,那么这就是你要走的路。

答案 1 :(得分:2)

在Javascript中,您无法更改字体样式,因为它在javascript中不存在。字体样式仅在必须显示数据时才有意义,即在HTML中的某些地方写入数据时。这就是如何改变整个字体的字体样式

    This is in italics
    <script>
    function italicsBody() {
        document.body.style.fontStyle = "italic";
    }
    italicsBody()
    </script>

如果你想要特定数据,你可以使用getElemenById来做同样的事情。请检查以下代码

<ul id="names">
    </ul>
    
    <script>
    function italicsBody() {
        document.getElementById("names").style.fontStyle = "italic";
    }
    function populateNames() {
      var names = ["name1","name","name3"]
      var nameList = document.getElementById("names");
      for (var key in names) {
          nameList.innerHTML = nameList.innerHTML + ' <li> ' + names[key] + '</li>';
      }
    }
    populateNames()
    italicsBody()
    
    </script>

以下是相同jsfiddle

的jsfiddle

答案 2 :(得分:1)

document.getElementById("myP").style.fontStyle = "italic";

答案 3 :(得分:1)

您可以使用"somestring".italics()获取"<i>somestring</i>",这可能就是您所追求的。我建议你使用CSS,因为其他人说 - 斜体不再是标准了。

答案 4 :(得分:0)

我在下面给出了一个例子

function myFunction() {
    document.getElementById("myP").style.font = "italic 15px arial,serif";
}
myFunction();
<p id="myP">This is a paragraph.</p>

答案 5 :(得分:0)

当用户单击按钮然后从Java脚本应用样式时,这是第二个示例。

&#13;
&#13;
function myFunction() {
    document.getElementById("myP").style.font = "italic 20px arial,serif";
}
&#13;
<p id="myP">This is a paragraph.</p>

<button type="button" onclick="myFunction()">Set font</button>
&#13;
&#13;
&#13;

答案 6 :(得分:-2)

myJson.name.push(mainSteps.name).style.fontStyle =&#34; italic&#34;;

以同样的方式完成。