http://wbex.ru/index.php?action=history&feed=atom&title=JavaScript_DHTML%2FNode_Operation%2FinnerHTML
JavaScript DHTML/Node Operation/innerHTML - История изменений
2026-04-04T21:14:01Z
История изменений этой страницы в вики
MediaWiki 1.30.0
http://wbex.ru/index.php?title=JavaScript_DHTML/Node_Operation/innerHTML&diff=3434&oldid=prev
в 10:02, 26 мая 2010
2010-05-26T10:02:47Z
<p></p>
<table class="diff diff-contentalign-left" data-mw="interface">
<tr style="vertical-align: top;" lang="ru">
<td colspan="1" style="background-color: white; color:black; text-align: center;">← Предыдущая</td>
<td colspan="1" style="background-color: white; color:black; text-align: center;">Версия 10:02, 26 мая 2010</td>
</tr><tr><td colspan="2" style="text-align: center;" lang="ru"><div class="mw-diff-empty">(нет различий)</div>
</td></tr></table>
http://wbex.ru/index.php?title=JavaScript_DHTML/Node_Operation/innerHTML&diff=3435&oldid=prev
Admin: 1 версия
2010-05-26T07:25:55Z
<p>1 версия</p>
<p><b>Новая страница</b></p><div>==Get the paragraph tag and set its innerHTML value==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<title>the date</title><br />
</head><br />
<body><br />
<p id="dateField"></p><br />
<br />
<script type = "text/javascript"><br />
var today = new Date();<br />
var then = new Date();<br />
then.setFullYear(3000,1,1);<br />
<br />
var diff = then.getTime() - today.getTime();<br />
<br />
diff = Math.floor(diff / (1000 * 60 * 60 * 24));<br />
<br />
var dateLoc = document.getElementById("dateField");<br />
<br />
dateLoc.innerHTML = diff + " days";<br />
</script><br />
</body><br />
</html><br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
=="innerHTML" Example==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<br />
<html><br />
<body><br />
<p id="myP">Sample Text inside a <b>p</b> element</p><br />
<button onclick="alert(myP.innerHTML);">InnerHTML</button><br />
<button onclick="alert(myP.innerText);">InnerText</button><br />
</body><br />
</html><br />
<br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Modifying Elements after Page loads==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<title>Modifying Elements after Page loads</title><br />
<script type="text/javascript"><br />
function changeDiv() {<br />
var elem1 = document.getElementById("elem1");<br />
elem1.innerHTML = "<h1>Hello World</h1>";<br />
}<br />
</script><br />
<body onload="changeDiv();"><br />
<div id="elem1"><br />
<p>Paragraph text.</p><br />
</div><br />
</body><br />
</html><br />
<br />
<br />
<br />
</source><br />
<br />
<br />
<br />
<br />
==Switch html with assigning the innerHTML==<br />
<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="html4strict"><br />
<br />
<html><br />
<head><br />
<title>Overflow</title><br />
<style type="text/css"><br />
#div1 { width: 700px; height: 150px }<br />
#div2 { width: 600px; height: 100px; overflow: auto }<br />
</style><br />
<script type="text/javascript"><br />
function switchContent() {<br />
var div1 = document.getElementById("div1").innerHTML;<br />
var div2 = document.getElementById("div2").innerHTML;<br />
document.getElementById("div1").innerHTML = div2;<br />
document.getElementById("div2").innerHTML = div1;<br />
<br />
}<br />
</script><br />
</head><br />
<body><br />
<p><br />
<a href="javascript:switchContent();">Switch</a> <br />
</p><br />
<div id="div1"><br />
<p>p1</p><br />
</div><br />
<div id="div2"><br />
<p>Smaller item.</p><br />
</div><br />
</body><br />
</html><br />
<br />
<br />
<br />
</source></div>
Admin