javascript - javascript 変数から InnerHtml を取得する

Question

私は自分のページから ajax 呼び出しを行い、それに応じて、このような html も取得します

<parent id="1"><child></child></parent>

私が望むのは、<parent> どうすればそれを行うことができますか? document.getElementbyID変数には使用できません。

Answer 1

変数コンテンツの jQuery ラッパーを作成し、.html()を使用して内部の html を抽出できます。

var data = '<parent id="1"><child></child></parent>'
var x = $(data).html()

Answer 2

使用される html コード:

<parent id="1"><child>candy</child></parent>

最初のアプローチ:

var parent = document.getElementById("1");
var child_text = parent.firstChild.innerHTML;

長い話を短くします：

document.getElementById("1").firstChild.innerHTML

「キャンディー」を提供します（jQueryなし）:)

Answer 3

純粋な JS -> http://jsfiddle.net/eztZm/

//get
var get_html = document.getElementById("parent").innerHTML;
console.log(get_html);
//set 
document.getElementById("parent").innerHTML = "new html";

https://developer.mozilla.org/en-US/docs/Web/API/Element.innerHTML