onclick属性
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<!--在onclick属性中使用函数-->
<button onclick="name()">按钮</button>
</body>
<script type="text/javascript">
//通过关键字function来创建函数,函数名后面必须跟()
function name(){
var a = 1;
var b = 2;
var c = a + b;
alert(c)
}
</script>
</html>
Tips:为按钮创建点击事件的方法,就是使用onclick=”函数名”属性。函数名为 name()
HTML DOM 方法
// 通过ID属性获取HTML元素,只能获取第一个
document.getElementById('name')
// 通过CLASS属性获取HTML元素,可以获取多个,用item(n)来获取第n个
document.getElementsByClassName('text').item(0)
// 通过标签名获取HTML元素,可以获取多个,用item(n)来获取第n个
document.getElementsByTagName('button').item(0)
// 使用“.value”来设置或者获取HTML输入框元素的值
Var val = document.getElementById('name').value;
document.getElementById('name').value = "JavaScript修改的内容";
// 使用“.innerHTML”来设置或者获取HTML双边元素内部的所有子元素和文字
Var val = document.getElementsByClassName('text').item(0).innerHTML;
document.getElementsByClassName('text').item(0).innerHTML = "<h1>你好</h1>";
// 使用“.innerText”来设置或者获取HTML双边元素内部的所有文字
Var val = document.getElementsByTagName('button').item(0).innerText;
document.getElementsByTagName('button').item(0).innerText = '搜索';
Tips:更多用法参考【JavaScript HTML DOM 文档】