在 javascript 中调用 img 标签

Calling an img tag in javascript

本文关键字：img 标签 调用 javascript      更新时间：2023-09-26

我是javascript的新手，已经研究了几个小时，似乎找不到我理解的答案。我正在尝试做的是，一旦在网页上单击图像，我希望我的 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";    
}

}

你可以

使用这样的东西

.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";
   }    
}
相关文章：