通过id从变量中获取html

时间:2016-08-01 12:26:07

标签: javascript jquery angularjs node.js

我的javascript代码中有一个包含html data.i的变量名称值,希望获取#myDiv

内部表单特定id的数据
service firebase.storage {
  match /b/mybucketaddress/o {
    match /{allImages=**}{
       allow write, read: if false
    }    
  }
}

由于

5 个答案:

答案 0 :(得分:3)

您应该创建一个DOM元素,然后遍历它并获取html().text()

  var value = '<div >\
             <p class="">Hi cname@gmail.com</p>\
             <br/>\
            <br/>\
            <div id="myDiv">\
              sgdhsagdhagh\
              dhsajdgasj\
              cjzjcg\
              </div>\
            </div>';

  alert($(value).find('#myDiv').html())
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

如果您需要获取父元素,请使用

alert($('<div />', {html: value}).find('#myDiv').html())

答案 1 :(得分:2)

你这样做怎么样?

var variable = "stuff n things";
document.getElementById( 'myDiv' ).innerHTML = variable;

这就是本土方式:)

编辑:

如果您想获取数据,请执行以下操作:

var variable = document.getElementById( 'myDiv' ).innerHTML;

这将为你提供div中的最新标记。

或使用document.querySelector("#myDiv")获取selector.querySelectorAll返回数组的第一个匹配项。

答案 2 :(得分:1)

您可以使用value变量的HTML来创建jQuery对象。在此对象中,您可以使用id搜索元素,并获取其HTML内容:

var html = $(value).find('#myDiv').html();
console.log(html); //sgdhsagdhaghdhsajdgasjcjzjcg

或纯粹的javascript实现:

var el = document.createElement('div');
el.innerHTML = value;
var html = el.getElementById('myDiv').innerHTML;
console.log(html); //sgdhsagdhaghdhsajdgasjcjzjcg

答案 3 :(得分:0)

使用普通Javascript使用

document.getElementById("myDiv").innerHTML;

使用jQuery

$("#myDiv").html();

答案 4 :(得分:0)

有两种方式 - Angular方式 -

var elem = angular.element(value);
var innerDive=elem[0].getElementById('myDiv');
var text= angular.element(innerDive[0]).innerText;

<强> Jquery的 -

var text= $(value).find('#myDiv').text();