将预定义的CSS样式传递给getElementsbyName?

时间:2014-06-03 21:07:54

标签: javascript html css getelementsbyname

这可能是一个非常简单的问题,但是我使用谷歌和搜索功能而没有挖掘任何对我有用的东西。

我使用的脚本在鼠标悬停时使用<div>功能更改了getElementsByName()的字体,并在您将鼠标拉开时再次更改,这可以按预期工作,但是我&#39 ;重写了这个小项目的一些代码,现在使用的字体取决于操作系统(参见css样式) - 这意味着我无法传回&#34;静态&#34;文字属性。

基本上我需要脚本的else结点来应用class="japanese large pos"的CSS样式或其先前的状态,如果它更干净/更有效,我遗漏了下面的CSS,因为它不是真的相关。这里的小提琴演示(包括CSS):http://jsfiddle.net/ua5VS/

感谢您的帮助!

这是剧本:

function toggleFont()
{
  var _font = document.getElementsByName('target')[0].style.fontFamily;
  if(_font != 'KanjiStrokeOrders') {
    document.getElementsByName('target')[0].style.fontFamily = 'KanjiStrokeOrders';
    document.getElementsByName('target')[0].style.fontSize = '112px';
  }
  else {
    document.getElementsByName('target')[0].style.fontFamily = 'MS Mincho';
    document.getElementsByName('target')[0].style.fontSize = '150px';
  }
}

HTML

 <div class="back">
  <span class="japanese large pos" name="target">
   <a onmouseover="toggleFont();" onmouseout="toggleFont();">Modified text</a>
  </span>
 </div>

0 个答案:

没有答案