怎样用js修改div里标签的样式

JavaScript024

怎样用js修改div里标签的样式,第1张

1、新建一个html文件,命名为test.html。

2、在test.html文件内,使用div标签创建一个模块,在div内,使用p标签创建两行文字,用于测试。

3、在test.html文件内,设置div标签的id为mytest,主要用于下面通过该id获得div对象。

4、在test.html文件内,使用button标签创建一个按钮,按钮名称为“删除div里的内容”。

5、在test.html文件中,给button按钮绑定onclick点击事件,当按钮被点击时,执行delcon()函数。

6、在js标签中,创建delcon()函数,在函数内,通过getElementById()方法利用id(mytest)获得div对象,通过将对象的innerHTML设置为空,实现删除div里的内容,但不删除div本身。

在JS工作环境中输入更改程序即可改变span标签中的值。

具体操作方法:

1、打开JS执行工作环境。

2、选择要更改值的span。

3、输入程序:

} }else{ va[0].innerHTML = "要改的值".length >1)

{ for(i=0i<va.lengthi++){ va[i].innerHTML = "要改的值"if(va/script><span>原来的值</span&quot<script>function sp()

{ var va = document.getElementsByTagName(")} }<span&gt

document.getElementById('id').innerHtml = 'abc'

点击“确定”即可。

建议使用jq,只要引入一个jq文件就行,jq的操作比原生js更灵活。

引入js后

属性名:<input type="text" id="name" />

属性值:<input type="text" id="value" />

指定标签:<div>这里是指定标签</div>

<a href="#" onclick="alter()return false">获取</a>

<script>

function alter(){

var nema = $("#name").val() // 获得的要添加的属性名

var value = $("#value").val() // 获得的要添加的属性值

$("#inp").attr(nema, value )

}

</script>