JavaScript Tutorial/DOM Node/innerHTML — различия между версиями
Admin (обсуждение | вклад) м (1 версия) |
|
(нет различий)
|
Текущая версия на 11:24, 26 мая 2010
Содержание
Change hyperlink innerHTML
<source lang="javascript">
<html> <head> <script language="JavaScript" type = "text/javascript">
</script> </head> <body> <form> <a id="oldurl" href="http://www.wbex.ru">www.wbex.ru</a>
<input type="radio" value="V1" name="R1" onClick="NewWindow(1)">Open in New Window
<input type="radio" name="R1" checked value="V2" onClick="NewWindow(2)">Open in Same Window
<input type="text" id="urltext" size="20"> <input type="button" value="Change Link" name="B3" onClick="ChangeLink()"></p>
</form> </body> </html></source>
Change InnerHTML
<source lang="javascript">
<html>
<head> <title>InnerHTML Example</title> <style type="text/css"> .red { background-color: red; } </style> <script type="text/javascript"> function useInnerHTML() { var oDiv = document.getElementById("div1"); oDiv.innerHTML = "Hello world"; } </script> </head> <body>
This is my original text
<input type="button" value="Use InnerHTML" onclick="useInnerHTML()" /> </body>
</html></source>
Get element by id and change the innerHTML
<source lang="javascript">
<html> <head> <script language="JavaScript" type = "text/javascript">
</script> </head> <body> <form>
This is the first paragraph
This is the second paragraph
<input type="button" value="Click to Change Text" onClick="ChangeText()"></p>
</form> </body> </html></source>
innerHTML of body element
<source lang="javascript">
<html>
<head> <title></title> <script type="text/javascript"> function useRanges() { alert(document.body.innerHTML); } </script> </head><body>
Hello World
<input type="button" value="Use Ranges" onclick="useRanges()" /> </body>
</html></source>