当前位置： 移动技术网 > IT编程>开发语言>JavaScript > JS获取包含当前节点本身的代码内容(outerHtml)

JS获取包含当前节点本身的代码内容(outerHtml)

2019年12月11日  | 移动技术网IT编程  | 我要评论

 

原生js dom的内置属性 outerhtml 可用来获取当前节点的html代码(包含当前节点)，且此属性可使用jquery的prop()获取

<div id="demo-test-01"><p>hello world !!!</p></div>
<script>
  $(function () {
    let _html_demo;
    //jquery
    _html_demo = $('#demo-test-01').prop('outerhtml');//返回结果：<div id="demo-test-01"><p>hello world !!!</p></div>
    console.log(_html_demo);

    //js
    let _obj_demo = document.getelementbyid('test');
    _html_demo = _obj_demo.outerhtml;
    console.log(_html_demo);
  });
</script>

 

也可使用jquery改变节点的html内容

<input id="demo-test-02" type="text">
<script>
  $(function () {
    $('#demo-test-02').prop('outerhtml', '<div id="demo-test-01"><p>hello world !!!</p></div>');
  });
</script>

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网