如何设置字体样式"斜体"使用javascript

How to set font style "italic" using javascript

本文关键字：quot 斜体 javascript 使用 样式 字体 何设置 设置      更新时间：2023-09-26

我知道如何在HTML中设置字体样式斜体，但现在我只想用java脚本这样做。是否可以在java脚本中做到这一点?． 有人能帮我解释一下吗?这是我的代码，

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

JavaScript字符串本身没有"样式"的概念。只有当在某处输出字符串时才应用样式。如果输出为HTML，则可以使用HTML或CSS对其进行样式设置。

所以如果你问是否有一种"输出无关"的方式来定义JavaScript字符串的样式，答案是没有。

顺便说一句，你写的代码是 JavaScript(假设你传递了一个正确的ID值): 
document.getElementById(#Html id).style.fontStyle = "italic";

，如果你想样式HTML输出，那么这将是一种方式。

在Javascript中你不能改变字体样式，因为它不存在于Javascript中。字体样式只在需要显示数据时才起作用，也就是在HTML的某些地方写入数据时。这就是如何更改整个body

的字体样式的方法

    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

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

您可以使用"somestring".italics()来获得"<i>somestring</i>"，这可能是您所追求的。我建议你像别人说的那样使用CSS——斜体已经不再是标准了。

我给了下面一个例子

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

这是第二个例子，当用户点击按钮，然后样式应用从Java脚本

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

myJson.name.push(mainSteps.name).style.fontStyle =" italic";

方法相同。

相关文章：