javascript

位置:IT落伍者 >> javascript >> 浏览文章

js innerHTML 改变div内容


发布日期:2019年08月12日
 
js innerHTML 改变div内容

JavaScript的innerHTML

永远不知道你可以改变的内容一个HTML元素?也许你要取代的文字段落中以反映什么访客选定刚刚从下拉框中通过操纵一个元素的innerHtml您可以变更您的文本和HTML多达你喜欢

改变文字innerHTML
每个HTML元素具有InnerHtml属性定义的HTML代码和文字之间发生的元素的开幕式和闭幕式标记通过改变一个元素的innerHTML后一些用户交互您可以更互动网页

但是使用innerHTML需要一些准备如果你希望能够利用它轻松可靠首先你必须给予部分要更改身份证与标识到位你将能够使用getElementById功能适用于所有的浏览器

在您认为建立您现在就可以操纵文字的要素要开始了让我们尝试改变文字一个大胆的标记

下面我们来看一个用js的innerHTML来改变div值吧

<script type="text/javascript">
function changeText(){
documentgetElementById(boldStuff)innerHTML = Fred Flinstone;
}
</script>
<p>Welcome to the site <b id=boldStuff>dude</b> </p>
<input type=button onclick=changeText() value=Change Text/>

上一篇:js获取IP和PcName(IE)在vs中可用

下一篇:Js日期选择器并自动加入到输入框中示例代码