Fatal编程技术网
  • javascript/
  • Javascript 如何删除多个子元素的属性？

Javascript 如何删除多个子元素的属性？

javascript

Javascript 如何删除多个子元素的属性？,javascript,attributes,Javascript,Attributes,我有系统生成的链接，我手动隐藏。现在我想删除链接的标题属性，这些属性是在用户复制周围文本时复制的 <html> <head> <script type="text/javascript"> var getElementsByClassName = function (className, tag, elm){ if (document.getElementsByClassName) { getElementsByClassNa

我有系统生成的链接，我手动隐藏。现在我想删除链接的标题属性，这些属性是在用户复制周围文本时复制的

<html>
<head>
<script type="text/javascript">

    var getElementsByClassName = function (className, tag, elm){
    if (document.getElementsByClassName) {
        getElementsByClassName = function (className, tag, elm) {
            elm = elm || document;
            var elements = elm.getElementsByClassName(className),
                nodeName = (tag)? new RegExp("\\b" + tag + "\\b", "i") : null,
                returnElements = [],
                current;
            for(var i=0, il=elements.length; i<il; i+=1){
                current = elements[i];
                if(!nodeName || nodeName.test(current.nodeName)) {
                    returnElements.push(current);
                }
            }
            return returnElements;
        };
    }
    else if (document.evaluate) {
        getElementsByClassName = function (className, tag, elm) {
            tag = tag || "*";
            elm = elm || document;
            var classes = className.split(" "),
                classesToCheck = "",
                xhtmlNamespace = "http://www.w3.org/1999/xhtml",
                namespaceResolver = (document.documentElement.namespaceURI === xhtmlNamespace)? xhtmlNamespace : null,
                returnElements = [],
                elements,
                node;
            for(var j=0, jl=classes.length; j<jl; j+=1){
                classesToCheck += "[contains(concat(' ', @class, ' '), ' " + classes[j] + " ')]";
            }
            try {
                elements = document.evaluate(".//" + tag + classesToCheck, elm, namespaceResolver, 0, null);
            }
            catch (e) {
                elements = document.evaluate(".//" + tag + classesToCheck, elm, null, 0, null);
            }
            while ((node = elements.iterateNext())) {
                returnElements.push(node);
            }
            return returnElements;
        };
    }
    else {
        getElementsByClassName = function (className, tag, elm) {
            tag = tag || "*";
            elm = elm || document;
            var classes = className.split(" "),
                classesToCheck = [],
                elements = (tag === "*" && elm.all)? elm.all : elm.getElementsByTagName(tag),
                current,
                returnElements = [],
                match;
            for(var k=0, kl=classes.length; k<kl; k+=1){
                classesToCheck.push(new RegExp("(^|\\s)" + classes[k] + "(\\s|$)"));
            }
            for(var l=0, ll=elements.length; l<ll; l+=1){
                current = elements[l];
                match = false;
                for(var m=0, ml=classesToCheck.length; m<ml; m+=1){
                    match = classesToCheck[m].test(current.className);
                    if (!match) {
                        break;
                    }
                }
                if (match) {
                    returnElements.push(current);
                }
            }
            return returnElements;
        };
    }
    return getElementsByClassName(className, tag, elm);
};

function notitle() {
  var mylist=document.getElementsByClassName("notitle");
  for (j=0; j<mylist.length; j++) {
    var listitems= mylist[j].getElementsByTagName("a");
    for (i=0; i<listitems.length; i++) {
      listitems[i].removeAttribute("title");
    }
  }
}
</script>
</head>

<body onLoad="notitle()">

<p>Before hidden link 1: <span class="notitle" style="display: none;">
<a href="#Foo" title="Foo">This link should have no title attribute</a>
</span>After hidden link 1.</p>

<p>Before hidden link 2: <span class="notitle" style="display: none;">
<a href="#Foo" title="Foo">This link should have no title attribute</a>
</span>After hidden link 2.</p>

<p>Before hidden link 3: <span class="notitle" style="display: none;">
<a href="#Foo" title="Foo">This link should have no title attribute</a>
</span>After hidden link 3.</p>
</body>
</html>


var getElementsByClassName=函数（类名、标记、elm）{
if（document.getElementsByClassName）{
getElementsByCassName=函数（类名、标记、elm）{
elm=elm | |文件；
var elements=elm.getElementsByClassName（className），
nodeName=（标记）？新的RegExp（“\\b”+tag+”\\b，“i”）：null，
returnElements=[]，
现在的

对于（var i=0，il=elements.length；i您的方法是正确的，但您多次使用相同的id。请确保id不同，或者使用通用类名并以这种方式检索元素。
这是因为您不应将相同的id属性赋予多个元素。id属性在整个文档中必须是唯一的。如果不是，则只查找具有此id的第一个元素

尝试
class=“notitle”
而不是
id=“notitle”
，您的JS应该如下所示：


function notitle() {
  var mylist=document.getElementsByClassName("notitle");
  for (j=0; j<mylist.length; j++) {
    var listitems= mylist[j].getElementsByTagName("a");
    for (i=0; i<listitems.length; i++) {
      listitems[i].removeAttribute("title");
    }
  }
}



您应该注意，并非所有浏览器/版本都支持document.getElementsByClassName。@Peter Kruithof:谢谢您的提示。我没有意识到这一点。谢谢，我尝试了类版本（在顶部更新）但是无法在最新的FF和Chrome中运行。@马丁：你把javascript改成了吗？所以它会寻找类名而不是id？是的，就像上面一样。Opera和IE也失败了。

function notitle() {
  var mylist=document.getElementsByClassName("notitle");
  for (j=0; j<mylist.length; j++) {
    var listitems= mylist[j].getElementsByTagName("a");
    for (i=0; i<listitems.length; i++) {
      listitems[i].removeAttribute("title");
    }
  }
}



function notitle() {
  $(".notitle a").removeAttr("title");
}