您的位置：首页 > 其它

模板字符串的基本用法

2018-01-13 00:00 204 查看

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>

</head>
<body>
用户名:<input type="text" name="" id="txt1">
留言:<input type="text" name="" id="txt2">
<input type="button" name="" id="btn1"value="点击提交留言">
<ul id="ul1">

</ul>

</body>
<script type="text/javascript">
window.onload=function(){
var txt1=document.getElementById("txt1");
var txt2=document.getElementById("txt2");
var btn1=document.getElementById('btn1');
var ul1=document.getElementById("ul1");
btn1.onclick=function(){
var liobj=document.createElement("li");
/*liobj.innerHTML='<p>'+txt2.value+'</p>'+'<a href="###">'+txt1.value+'<span>X</span></a>';
ul1.appendChild(liobj);*/
liobj.innerHTML=`
<p>${txt2.value}</p>
<a href="###">${txt1.value}<span>X</span></a>`;
ul1.appendChild(liobj);
}
}

</script>

</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： ES6　模板字符串　留言板

相关文章推荐

新的分享

章节导航