js笔记2

onclick属性

<!DOCTYPE html>

<html>

<head>

</head>

<body>

</body>

//通过关键字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 文档】