Question

是否可以代表ID在html标签中搜索？例如，找到id =“abc”的div标签。

我可以使用document.getElementByID（“abc”）。但我需要父div +其内部HTML作为搜索的回报。即如果这个div有孩子

Answer 1

试试这个： -

<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>

工作正常。你可以get Attributes here。

Answer 2

很难理解你想要达到的目标：

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

Answer 3

执行此操作的一种方法是使用outerHTML，其中：

获取描述元素及其后代的序列化HTML片段。

给出以下HTML：

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

以下JavaScript将在控制台中记录id元素的HTML等于abc：

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

JS Fiddle demo

参考文献：

outerHTML。
outerHTML compatibility。

代表ID在html中搜索

3 个答案: