js如何改变html元素的值_随笔

js改变html的元素的值，首先需要理解的就是Js的选取对象的方法，一般都是通过class或者是id直接去来获取，然后在确定好，你要改变的值，如宽度，高度，背景等等这些属性，也可以通过改变来实现动画的效果，具体看下代码：

<html>

<head>

<style>

#round{

width:300px

height:200px

}

</style>

</head>

var oDiv = document.getElementById('round')

oDiv.style.width = 400px //通过js改变这个div的宽度

</script>

<body>

<p>我是测试文字</p>

</div>

</body>

</html>

加载html文件时，把此文件的<body>..</body>的全部源代码传到一个function中进行处理，或替换，或屏蔽，这个具体的处理视LZ的要求而定！大概如下：

1、某html文件：

$(function(){

var bodyString = replaceFunctioin($("body").html())

$("body").html(bodyString)

})

2、某replaceFunction方法：

function replaceFunction(str){

var result = str.replace("中文","Chinese")

result += result.replace("英文","English")

//...

return result

}

作用：把html中的“中文”和“英文”用英语替换！！！

欢迎分享，转载请注明来源：内存溢出

js如何改变html元素的值