javascript - 是否可以使用jquery或纯javascript获取标签的封闭 '<'和 '>'内的字符串？

Question

如果我的问题不清楚，我不想要返回节点内所有内容的outerhtml。我不想要那些。例如:

<div id="foo" class="something" style="width:80%; display:inline-block">
  Hello!
  <div id="bar" class="something_else">
    How are you?Hope you are doing well!
  </div>
</div>

现在，“foo”的outerHTML将给出其DOM结构的整个字符串表示形式。我只想要

div id="foo" class="something" style="width:80%; display:inline-block"

是否可以在不使用正则表达式/字符串匹配的情况下获得此结果？

Answer 1

使用javascript element.nodeName 和 element.attributes 形成字符串:

var foo = document.getElementById('foo');
console.log(crazyString(foo));

function crazyString(el) {
  var a = [el.nodeName];
  var atts = el.attributes;
  for (var i=0; i < atts.length; i++) {
    a.push(atts[i].name + '="' + atts[i].value + '"');
  }
  return a.join(" ");
}

<div id="foo" class="something" style="width:80%; display:inline-block">
  Hello!
  <div id="bar" class="something_else">
    How are you?Hope you are doing well!
  </div>
</div>