1. 程式人生 > >JavaScript中innerHTML的用法

JavaScript中innerHTML的用法

innerHTMLJS中具有雙向功能:獲取物件的內容 或 向物件插入內容;

獲取物件的內容例如:

<script type="text/Javascript"> function getInnerHTML(){     alert(document.getElementById("test").innerHTML); } </script>

</head>

<body>

<p id="test" >請點選該文字</p> <input type="button" onclick="getInnerHTML()" value="點選"/> </body>

向物件插入內容例如:

<script> function setInnerHTML(){     document.getElementById("test").innerHTML="謝謝!"; } </script> </head>

<body>

<p id="test" >請點選該文字</p> <input type="button" onclick="setInnerHTML()" value="點選"/>

</body>