innerHTML基础知识
来源:互联网 发布:ec软件 编辑:程序博客网 时间:2024/06/16 14:08
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
.pink_div{
color: pink;
}
</style>
</head>
<body>
<div class="show_div">
</div>
</body>
<script type="text/javascript">
//获取元素
var showDiv=document.getElementsByClassName('show_div')[0];
//innerHtml会识别标签,但是innerText不可以
//showDiv.innerText='<h1>U Jump I Jump<h1>';
//showDiv.innerHTML='<h1 class="pink_div">Rose I am Jack</h1>';
//json形式 使用点语法获取value值
var data={name:'恋恋',age:18,sex:'woman'}
console.log(data.name);
showDiv.innerHTML='<p>'+data.name+'</p>';
</script>
</html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
.pink_div{
color: pink;
}
</style>
</head>
<body>
<div class="show_div">
</div>
</body>
<script type="text/javascript">
//获取元素
var showDiv=document.getElementsByClassName('show_div')[0];
//innerHtml会识别标签,但是innerText不可以
//showDiv.innerText='<h1>U Jump I Jump<h1>';
//showDiv.innerHTML='<h1 class="pink_div">Rose I am Jack</h1>';
//json形式 使用点语法获取value值
var data={name:'恋恋',age:18,sex:'woman'}
console.log(data.name);
showDiv.innerHTML='<p>'+data.name+'</p>';
</script>
</html>
阅读全文
0 0
- innerHTML基础知识
- innerHTML
- innerHTML
- innerHTML
- innerHTML
- innerHTML
- innerHTML
- innerHTML
- innerHTML:
- innerHTML
- innerHTML
- innerHTML
- innerHTML
- innerHTML
- innerHTML
- innerhtml
- innerHTML
- innerHTML
- Bigdata Development Web_Study_05(JSP中九大内置对象)
- linux 服务器部署 lnamp 四、mysql
- unity中如何实现画面滚动
- javaScript学习笔记
- 【Lua学习笔记】Lua中协程的使用
- innerHTML基础知识
- hdu 6085
- 【编程语言学习】C++ Primer 对constexpr 和常量表达式的讲解
- HashMap的实现原理
- C 一一 static和extern关键字详解
- 使用python fit,predict出现的错误
- 读取excel文件信息实例2
- 并发基本概念介绍
- python基础——函数编程