pass a html text in an input field using HTML DOM by innerHTML

Question

I have a problem in geting the html content from a div am pass it into an input field I'm using the following code:

<html>
<body>
<div id="void"> 
<div id="main"><strong>Hello</strong> my friend</div>
</div>
<br>
<input type="text" id="resul" >
<br>
<script type="text/javascript">
x=document.getElementById("void").getElementsByTagName("div");
document.write("Text of first paragraph: " + x[0].innerHTML);
document.getElementById("resul").value=x[0].innerHTML;
</script>
</body>
</html>

If you will try it, you will see what I mean. By using the command document.write() I get the value that I need from de div tag : "Hello my friend" but when I want to pass this value "Hello my friend" into an input field I get something like this "Hello my friend". How can I pass into the input field only the text "Hello friend" without tag.

Any help would be much appreciated! Thanks!

Ibu · Accepted Answer · 2011-07-20 05:44:43Z

1

How about this:

<script type="text/javascript">
var x = document.getElementById("main");
document.write("Text of first paragraph: " + x.innerHTML);
document.getElementById("resul").value= x.innerHTML;
</script>

to pass the content without the tag you can use

x.textContent || x.innerText;

so:

var x = document.getElementById("main");
var text = x.textContent || x.innerText;
    document.write("Text of first paragraph: " + text);
    document.getElementById("resul").value = text;

answered Jul 20, 2011 at 5:44

Ibu

44k14 gold badges82 silver badges109 bronze badges

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

Collectives™ on Stack Overflow

pass a html text in an input field using HTML DOM by innerHTML

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related