如何设计writeTextJavascript的样式

how to style writeText Javascript

本文关键字:样式 writeTextJavascript      更新时间:2023-09-26

我想知道是否有一种方法可以对Javascript中的writeText标记中的文本进行样式设置。我试着把"眼睛"answers"蓝色"这两个词放在不同的行上。我还想要一个比另一个字体大的。如何单独针对他们?

<head>
    <script>
    function writeText(txt) {
        document.getElementById("test").innerHTML = txt;
    }
    </script>
    </head>
    <body>
    <img src ="test.png" alt="Jacket" usemap="#test" />
    <p id="test"></p>
    <map name="test">
        <area shape="poly" coords="174,361,149,350"href=#; title="FInd" alt="Find" onmouseover="writeText('Eyes Blue')" onmouseout="writeText('')"/>

非常感谢

您必须为这两个文本制作两个不同的标签。一个标签中的文本只能有一种样式。您可以执行类似<p somestyle>text1</p><p somestyle2>text2</p> 的操作