-1

是否可以代表 ID 在 html 标签中进行搜索？例如查找具有 id="abc" 的 div 标签。

我可以使用 document.getElementByID("abc")。但我需要父 div + 其内部 HTML 以换取搜索。即如果这个div有孩子

4

3 回答 3

2

尝试这个 ：-

<script >
function showHTML(){



   var vinner=document.getElementByID("abc").innerHTML;
   var totalinner="<div >"+vinner+"</div>";
   alert(totalinner);

}
</script>

HTML部分：-

<body onload="showHTML();">

<div id="abc">
    Hello inside abc
    <div> 
            Inner div inside abc tag.
    </div>
</div>
</body>

它工作正常。您可以 在此处获取属性。

于 2013-05-18T04:50:49.927 回答
1

很难理解您想要实现的目标：

document.getElementById("abc").parentNode.innerHTML; 
//will return <div id="abc"> and other items from parrent

document.getElementById("abc").getAttribute("name");
//will atribute of <div id="abc">

if (document.getElementById("abc").hasChildNodes()) {
    // It has at least one
}

使用 jQuery 更简单，你可以这样做：

$("#abc").attr('id') //retunrs id
$("#abc").attr('class') //returns classes
//or other manipulations
于 2013-05-18T05:57:54.933 回答
1

一种方法是使用outerHTML，它：

获取描述元素（包括其后代）的序列化 HTML 片段。

给定以下 HTML：

<div id="abc" data-attr="A custom data-* attribute">Some text in the div.</div>

以下 JavaScript 将在控制台中记录idequal to元素的 HTML abc：

var htmlString = document.getElementById('abc').outerHTML;
console.log(htmlString);

JS 小提琴演示。

参考：

于 2013-05-18T06:24:22.273 回答