javascript - 使用javascript仅根据ALT TAG隐藏元素？

Question

我有一个 WordPress 网站，并且有一个插件使用 cufon 文本替换。 (我不完全确定它执行此操作的实际方式，但这并不重要)。

我想仅对一两个特定单词使用“display:none”。例如，在移动主题上，我想将“联系我们”更改为仅“联系”。动态隐藏它的唯一方法是使用 alt 标签，因为没有类或 ID。

那么我可以使用 JavaScript 来检测 alt 标签“Us”并执行 display:none 吗？下面是示例代码。

<cufon class="cufon cufon-canvas" alt="Us" style="width: 20px; height: 14px; "><canvas width="32" height="17" style="width: 32px; height: 17px; top: -2px; left: -2px; "></canvas><cufontext>Us</cufontext></cufon>

Answer 1

如果您知道要搜索的元素的标签(我假设您有此信息)，您可以在文档中查找所有这些标签并检查 alt 属性值。当您找到您正在寻找的特定元素时，您可以对其进行任何您喜欢的操作。在此示例中，我更改了 textContent 属性。

(function () {
  var li = document.getElementsByTagName('li');

  for ( var i = 0, length = li.length; i < length; i++ )
  {
    if ( li[i].getAttribute('alt') === 'two' ) 
      li[i].textContent = 'New Text';
  }

}).call(this);

直播:http://jsbin.com/ixitut/2/edit

您还可以通过将 document 更改为更具体的标签来缩小搜索范围。

var searchWithin = document.getElementById(/**/)
var tags = searchWithin.getElementsByTagName(/**/)

https://developer.mozilla.org/en/DOM/element.getElementsByTagName