以点击按钮，改变按钮元素的内容为案例，点击的时候 ”按钮“ 变为 ”hello“
1、通过js获取元素，例如，获取元素btn按钮
2、通过js，当点击按钮的时候，改变原来的值为“hello”
3、运行效果如下：
4、点击按钮之后的效果：
完整的html代码如下：
<!doctype html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.wrap{
width:400px
height:300px
background:#000
position:relative
}
a.btn1{
display:block
width:140px
height:40px
line-height:40px
text-align:center
background:#ff0099
color:#fff
position:absolute
left:100px
top:100px
}
</style>
</head>
<body>
<div class="wrap">
<a href="javascript:" class="btn1" id="btn">按钮</a>
</div>
<script type="text/javascript">
var oBtn= document.getElementById("btn")
oBtn.onclick=function(){
oBtn.innerHTML="hello"
}
</script>
</body>
</html>
将js中的值传递给html
var Value = "www.sucaijiayuan.com"
var oDiv = document.getElementById("div")
oDiv.innerHTML = Value
用innerHTML属性，这样就可以了。
扩展资料：
JavaScript是一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
JavaScript函数
函数是命名的语句段，这个语句段可以被当作一个整体来引用和执行。使用函数要注意以下几点：
1、函数由关键字function定义（也可由Function构造函数构造）。
2、使用function关键字定义的函数在一个作用域内是可以在任意处调用的（包括定义函数的语句前）；而用var关键字定义的必须定义后才能被调用。
3、函数名是调用函数时引用的名称，它对大小写是敏感的，调用函数时不可写错函数名。
4、参数表示传递给函数使用或操作的值，它可以是常量，也可以是变量，也可以是函数，在函数内部可以通过arguments对象（arguments对象是一个伪数组，属性callee引用被调用的函数）访问所有参数。
5、return语句用于返回表达式的值。
6、yield语句扔出一个表达式，并且中断函数执行直到下一次调用next。
参考资料来源：百度百科-javascript
js可以直接操作html，document.getElementById("p1").innerHTML="New text!"这是一个简单的使用js给id为“p1”的元素赋值new text ！直接使用赋值语句就可以操作HTML DOM元素了。
