Javascript Element to string

Question

I am creating div element like below and inserting some html content inside div and innerText.

var creatediv=document.createElement("DIV");
var html="<div align="left"><a id="test" >test</a></div>";
creatediv.innerHTML=html;
creatediv.innerText="testing";

Now my question is how to retrieve the updated html variable here.

Thanks,

Raj

As a side note: "<div align="left"><a id="test" >test</a></div>"is not escaped properly. — polarblau
– polarblau, Commented Mar 23, 2011 at 22:18
You aren't changing the html variable, so what do you mean by "updated"? And you do realize you are actually creating a div inside of a div, right? — Travis Webb
– Travis Webb, Commented Mar 23, 2011 at 22:18
@polarblau:Yes your right,Here i want approach to achieve the above scenario. — rajputhch
– rajputhch, Commented Mar 23, 2011 at 22:19
@Travis Webb:Updated means ,after creating html div element,i am inserting html content.Within that html content i want to insert value as testing.After updating value,i want to retrieve html content i inserted before. — rajputhch
– rajputhch, Commented Mar 23, 2011 at 22:21

Greg · Accepted Answer · 2011-03-23 22:19:04Z

2

You should be able to retrieve the current HTML from creatediv using creatediv.innerHTML.

var creatediv=document.createElement("DIV");
var html="<div align=\"left\"><a id=\"test\" >test</a></div>";
creatediv.innerHTML=html;
creatediv.innerText="testing";
html = creatediv.innerHTML;

answered Mar 23, 2011 at 22:19

Greg

33.7k15 gold badges96 silver badges101 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Free Consulting · Accepted Answer · 2011-03-23 23:07:11Z

0

You just overwritten your innerHTML at line 4. So your innerHTML value in question will be equal to 'testing' string, given your DOM implementation supports non-standard property innerText or equal to html variable value otherwise.

answered Mar 23, 2011 at 23:07

Free Consulting

4,4161 gold badge34 silver badges55 bronze badges

2 Comments

rajputhch Over a year ago

here i dont want only testing,i need entire html div with thw updated value testing.

rajputhch Over a year ago

i dont understand,what is your comment is here.

airbai · Accepted Answer · 2011-03-24 02:18:46Z

0

Append the creatediv to dom tree first, then retrieve by function getElementById.

document.append(creatediv);

answered Mar 24, 2011 at 2:18

airbai

3,9865 gold badges29 silver badges30 bronze badges

Comments

JoniS · Accepted Answer · 2015-12-13 13:36:16Z

0

Well, this is a function that converts value to a string if it's not one. An empty string is returned for null or undefined value:

function baseToString(value) {
    if (typeof value == 'string') {
        return value;
    }
    return value == null ? '' : value + '';
}

answered Dec 13, 2015 at 13:36

JoniS

979 silver badges11 bronze badges

Collectives™ on Stack Overflow

Javascript Element to string

4 Answers 4

Comments

2 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

2 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related