JavaScript Tutorial/DOM Node/innerHTML
Содержание
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>
