Question

我是javascript的新手，并且已经研究了几个小时，似乎无法找到我理解的答案。我想要做的是，一旦在网页上点击图像，我希望我的html上的textarea更改字体。感谢先进的帮助:)

这是我的HTML

 <div id="buttonWrapper">       <!--BUTTON WRAPPER START -->
                <div id="button01">
                    <img id="buttonImage" src="imges/font01.png" alt="button01"> </span>
                    </div>

<div id="textSpot" >
                    <textarea name="word">  </textarea>
                    </div>

这是我的javascript

    function init(){
    document.querySelectorAll(#buttonImage).onclick = changeFont;



function changeFont(){
    document.querySelectorAll("word").style.fontFamily = "'Oswald', sans-serif";    
}

}

Answer 1

你可以使用这样的东西

HTML

<div id="buttonWrapper">       
<!--BUTTON WRAPPER START -->
    <div id="button01">
        <img id="buttonImage" src="imges/font01.png" alt="button01"> 
    </div>
</div>

<div id="textSpot" >
    <textarea name="word">  </textarea>
</div>

Js档案

function init()
{
   document.getElementById('buttonImage').onclick = changeFont;
}
function changeFont()
{
   var textareas = document.querySelectorAll("textarea[name='word']");
   for(var i=0;i<textareas.length;i++)
   {
      textareas[0].style.fontFamily = "'Oswald', sans-serif";
   }    
}

在javascript中调用img标记

1 个答案: