JS改变DIV内容

JavaScript011

JS改变DIV内容,第1张

js改变文字innerHTML

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

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

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

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

复制代码 代码如下:

<script type="text/javascript">

function changeText(){

document.getElementById('boldStuff').innerHTML = 'Fred Flinstone'

}

</script>

<p>Welcome to the site <b id='boldStuff'>dude</b>

</p>

<input type='button' onclick='changeText()' value='Change Text'/>

使用JavaScript给html中的一个div的属性赋值可以使用jquery的attr()方法来实现。

工具原料:编辑器、jquery

1、首先jquery的attr()方法允许两个参数,如果值给一个参数则返回的是元素的属性的值,两个参数可以设置一个元素属性的值为第二个参数。

2、给div元素属性赋值的代码如下:

<div id="div1" class="test"></div>

<script type="text/javascript">

$('#div1').attr('class','baidu')

</script>

3、运行代码如下,审查元素防线class的值已经改为baidu,如下图: