jquery - Getting InnerHtml from a javascript Variable - Stack Overflow

admin管理员组

文章数量:1327466

I make an ajax call from my page , and then in response I also get some html like this

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

what I want is to get Inner HTML from the Response object excluding <parent> How can I do that? Cant use document.getElementbyID on a variable.

I make an ajax call from my page , and then in response I also get some html like this

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

what I want is to get Inner HTML from the Response object excluding <parent> How can I do that? Cant use document.getElementbyID on a variable.

• javascript
• jquery
• html
• ajax
• getelementbyid

Share Improve this question Follow edited Oct 15, 2013 at 15:14 Denys Séguret 383k9090 gold badges810810 silver badges775775 bronze badges asked Oct 15, 2013 at 15:13 user1765876user1765876 2

• do you want <child></child>? – Arun P Johny Commented Oct 15, 2013 at 15:14
• @ArunPJohny Yes exactly.. – user1765876 Commented Oct 15, 2013 at 15:15

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 9

you can create a jQuery wrapper for the variable content and then extract the inner html using .html()

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

Pure JS if you like -> http://jsfiddle/eztZm/

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

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

html code used:

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

first approach:

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

to make a long story short:

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

will deliver "candy" (without jQuery) :)

本文标签： jqueryGetting InnerHtml from a javascript VariableStack Overflow