[HTML/JavaScript] Creating a div by runtime

es_91 · Post by **es_91** » Thu Apr 03, 2014 5:38 pm

THIS POST HAS BEEN SOLVED. PLEASE SEE SECOND POST FOR THE ACTUAL PROBLEM!

Propabbly, there are a lot of java gurus around here, so i'll try this here:

Code: Select all

<!DOCTYPE html>
<html><head><script type="text/javascript">function killElement(element) {If (element) {var papa = element.parentNode;If (papa) papa.removeChild(element);}}</script>
</head>
<body>
<font face="Courier"><div id="background" style="width:720px;">
</div></font>
<script type="text/javascript">
document.getElementById("background").innerHTML = "Guten Tag.<br />"
</script>
<script type="text/javascript">
killElement(document.getElementById("background"));
</script>
</body>
</html>

Why is not the <div> part of the web site deleted?

/EDIT: Solved. Thanks to RSBasic!

Code: Select all

<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript">
             onload = function() {
                var papa = document.getElementById("background");
                if (papa) {
                    papa.innerHTML = "Guten Tag.<br />"
                    papa.parentNode.removeChild(papa);
                }
            }
         </script>
    </head>
    <body>
        <font face="Courier">
            <div id="background" style="width:720px;"></div>
        </font>
    </body>
</html>

es_91 · Post by **es_91** » Thu Apr 03, 2014 11:07 pm

another question ... why can't i create a new <div> element as a child to a span element?

Code: Select all

<!DOCTYPE html>
<html>
<head>
	<script type="text/javascript">
		onload = function() {
			var neuerBackground = document.createElement("div");
			neuerBackground.style.color = "#FF0000";
			document.getElementById("main").appendChild(neuerBackground);
		}
	</script>

</head>
<body>
	<span id="main"></span>
</body>
</html>

helpy · Post by **helpy** » Fri Apr 04, 2014 6:26 am

Check the html specification and the differences between flow content and phrasing content.

es_91 · Post by **es_91** » Fri Apr 04, 2014 3:37 pm

Thanks.

PureBasic Forums - English

[HTML/JavaScript] Creating a div by runtime

[HTML/JavaScript] Creating a div by runtime

Re: [HTML/JavaScript] Pleeease delete this <div>! [SOLVED]

Re: [HTML/JavaScript] Creating a div by runtime

Re: [HTML/JavaScript] Creating a div by runtime