http://wbex.ru/index.php?action=history&feed=atom&title=JavaScript_Tutorial%2FDOM_Node%2FinnerHTML
JavaScript Tutorial/DOM Node/innerHTML - История изменений
2026-04-05T17:57:03Z
История изменений этой страницы в вики
MediaWiki 1.30.0
http://wbex.ru/index.php?title=JavaScript_Tutorial/DOM_Node/innerHTML&diff=9279&oldid=prev
Admin: 1 версия
2010-05-26T08:24:56Z
<p>1 версия</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;">Версия 08:24, 26 мая 2010</td>
</tr><tr><td colspan="2" style="text-align: center;" lang="ru"><div class="mw-diff-empty">(нет различий)</div>
</td></tr></table>
Admin
http://wbex.ru/index.php?title=JavaScript_Tutorial/DOM_Node/innerHTML&diff=9278&oldid=prev
в 18:52, 25 мая 2010
2010-05-25T18:52:56Z
<p></p>
<p><b>Новая страница</b></p><div>== Change hyperlink innerHTML==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<script language="JavaScript" type = "text/javascript"><br />
<!--<br />
function ChangeLink() {<br />
var newlink = document.getElementById("urltext");<br />
var curlink = document.getElementById("oldurl");<br />
curlink.href = ("http://" + newlink.value);<br />
curlink.innerHTML = newlink.value;<br />
}<br />
function NewWindow(prefval) {<br />
var curlink = document.getElementById("oldurl");<br />
if (prefval == 1)<br />
{<br />
curlink.setAttribute("target", "_blank");<br />
}<br />
else if (prefval == 2)<br />
{<br />
curlink.removeAttribute("target");<br />
}<br />
}<br />
//--><br />
</script><br />
</head><br />
<body><br />
<form><br />
<a id="oldurl" href="http://www.wbex.ru">www.wbex.ru</a><br />
<P><input type="radio" value="V1" name="R1" onClick="NewWindow(1)">Open in New Window</p><br />
<P><input type="radio" name="R1" checked value="V2" onClick="NewWindow(2)">Open in Same Window</p><br />
<input type="text" id="urltext" size="20">&nbsp;<br />
<input type="button" value="Change Link" name="B3" onClick="ChangeLink()"></p><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Change InnerHTML==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title>InnerHTML Example</title><br />
<style type="text/css"><br />
.red {<br />
background-color: red;<br />
}<br />
</style><br />
<script type="text/javascript"><br />
function useInnerHTML() {<br />
var oDiv = document.getElementById("div1");<br />
oDiv.innerHTML = "<b>Hello</b> world";<br />
}<br />
</script><br />
<br />
</head><br />
<body><br />
<div id="div1" class="red">This is my original text</div><br />
<input type="button" value="Use InnerHTML" onclick="useInnerHTML()" /><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== Get element by id and change the innerHTML==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<script language="JavaScript" type = "text/javascript"><br />
<!--<br />
function ChangeText()<br />
{<br />
var curtextval = document.getElementById("ptext");<br />
curtextval.innerHTML = "New Paragraph 1"<br />
}<br />
//--><br />
</script><br />
</head><br />
<body><br />
<form><br />
<p id="ptext">This is the first paragraph</p><br />
<P>This is the second paragraph</p><br />
<input type="button" value="Click to Change Text" onClick="ChangeText()"></p><br />
</form><br />
</body><br />
</html></source><br />
<br />
<br />
<br />
== innerHTML of body element==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<html><br />
<head><br />
<title></title><br />
<script type="text/javascript"><br />
function useRanges() {<br />
alert(document.body.innerHTML);<br />
<br />
}<br />
</script><br />
</head><br />
<body><p id="p1"><b>Hello</b> World</p><br />
<input type="button" value="Use Ranges" onclick="useRanges()" /> <br />
<br />
<br />
</body><br />
</html></source></div>