在javascript中调用img标签答案

【问题标题】：Calling an img tag in javascript在javascript中调用img标签
【发布时间】：2015-01-19 04:57:00
【问题描述】：

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

}

【问题讨论】：

您的具体问题是什么？
如果我的 javascript 走在正确的轨道上，那么我错过了什么？还是我的 javascript 完全错了。
@Hellodueworld 尝试将#buttonImage 括在引号中并使用textarea[name='word'] 而不是word。
#buttonImage 不是 JavaScript，你想要"#buttonImage"。 querySelectorAll(...) 返回一个列表；你想要getElementById('buttonImage')、querySelector('#buttonImage') 或querySelectorAll('#buttonImage')[0]。此外，您是否真的调用过init 函数也不是很明显。编辑：还有@rioc0719 对word 的评价：P
@rioc0719 不幸的是仍然无法正常工作，该死。

标签： javascript image textarea

【解决方案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";
   }    
}

【讨论】：