-4

我知道如何在 HTML 中设置字体样式斜体,但现在我试图只使用 java 脚本来做到这一点。可以在java脚本中做到这一点吗?. 有人可以帮我澄清一下吗?这是我的代码,

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

7 回答 7

4

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

因此,如果您要问是否有一种“与输出无关”的方式来设置 JavaScript 字符串的样式,答案是否定的。


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

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

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

于 2016-08-09T06:05:06.573 回答
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

于 2016-08-09T06:14:54.163 回答
1

您可以使用它"somestring".italics()来获取"<i>somestring</i>"可能是您所追求的。我建议你像其他人所说的那样使用 CSS - 斜体不再是标准。

于 2017-06-09T11:48:05.297 回答
1
document.getElementById("myP").style.fontStyle = "italic";
于 2016-08-09T06:00:22.110 回答
0

这是用户单击按钮然后从 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>

于 2016-08-09T06:10:43.040 回答
0

我举了一个例子如下

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

于 2016-08-09T06:06:47.727 回答
-2

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

以同样的方式完成。

于 2016-08-09T06:02:24.417 回答