如何设置writeText Javascript的样式_Javascript_Html_Css

如何设置writeText Javascript的样式

javascript html css

如何设置writeText Javascript的样式,javascript,html,css,Javascript,Html,Css,我想知道是否有一种方法可以在Javascript中为writeText标记中的文本设置样式。我试着把眼睛和蓝色这两个词放在不同的行上。我还想有一个字体比另一个大。我如何针对他们 <head> <script> function writeText(txt) { document.getElementById("test").innerHTML = txt; } </script> </head&

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

<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('')"/>


函数writeText（txt）{
document.getElementById（“test”）.innerHTML=txt；
}

非常感谢

您必须为这两个文本制作两个不同的标签。一个标记中的文本只能有一种样式。你可以做一些类似于

text1
text2

对不起，但是什么？我（强烈）建议你花点时间读一读“谢谢你的回复”。所以我会做函数writeText（txt1）和函数writeText（txt2）？@Rika你可以在一个函数中做这件事，只需给这两个标记分配不同的id，就像我所想和尝试的那样，但是我应该把id放在哪里呢？这是我尝试过的，但是它只显示第一个。@Rika我认为你不能在p标记中嵌套另一个标记，正如Vohuman提到的。尽管有些浏览器允许您这样做，但这并不标准。我写了“您不能嵌套

标记”，即

。但是您可以使用

标记中的所有标记。