在javascript中调用img标记

我是javascript新手，已经研究了几个小时，似乎找不到我能理解的答案。我想做的是，一旦在网页上点击一个图像，我希望html上的文本区域改变字体。感谢您在advanced中提供的帮助：

这是我的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>

---

}你可以用这样的东西

HTML

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在正确的轨道上，如果是，我遗漏了什么？或者我的javascript完全错误。@Hellodueworld尝试将buttonImage括在引号中，并使用textarea[name='word']代替word。buttonImage不是javascript，您想要buttonImage。查询选择器所有。。。返回一个列表；您需要getElementById'buttonImage'，querySelector'buttonImage'或querySelector All'buttonImage'[0]。此外，您是否真正调用过init函数也不明显。编辑：还有@rioc0719对word的看法：P@rioc0719不幸的是，还是不行，该死。

<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>

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";
   }    
}