1.任何标签都有这俩个属性innerHTML
innerText 都表示设置标签的文本内容。
如何动态给span标签或者div块标签等等添加文本内容呢?
要使用dom操作
1)给标签设置id属性
通过一个固定的语法:获取id="属性值"的标签对
var 标签对象 = docuement.getElementById("id属性值") ;
2)标签对象.innerHTML = "<h1>hello</h1>" ;(常用的)
可以加入常用的html标签进行渲染
标签对象.innerText = "设置普通文本" ,"<h1>hello</h1>",
不会渲染(修改)标签!会将标签原文输出浏览器中
例如:<body>
<span id = "name"> </span>
</body>
<script>
var span = document.getElementById("name");
span.innerHTML = "<h1>ddd</h1>";
/* span.innerText = "<h1>uuu</h1>" ; */
</script>
两种输出如下:
2.简单的函数调用方法:
<!--
js中定义函数的格式
function 函数名(形参){ // 形参中不能带var
}
-->
<script type="text/javascript">
//1
function sum(a,b){
s = a+b;
document.write(s);
}
sum(10,20);
//2
function sum1(a,b){
return a*b;
}
var d = sum1(11,2);
document.write(d);
</script>
第一个输出为:30 第二个输出为:22