<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
*{
margin: 0;
padding: 0;
}
.box{
width: 500px;
height: 300px;
border: 5px solid red;
}
</style>
</head>
<body>
<input type="text"><input type="text"><button>按钮</button>
<div class="box">
优就业是中公教育IT培训品牌，致力于培养面向电商及互联网领域的高端人才，以学员就业为目的，优质就业为宗旨，是一家集互联网营销师、SEO优化师、SEM竞价师、社会化媒体运营师、电商运营师、互联网产品经理、网页设计师、Web前端工程师、PHP工程师、Android工程师、iOS工程师、Java工程师、C/C++工程师、软件测试工程师等课程为一体的IT培训机构。 优就业为每一位学员定制个性化求职方案及职业规划，提供一对一修改简历、培训面试技巧、模拟真实面试场景、推荐合作企业就业等服务。与众多高校和知名企业建立了战略合作伙伴关系，为百度、搜狐、腾讯、新浪、阿里巴巴、凤凰网、360、人民网、中国教育在线、中青在线、网易、苏宁、滴滴出行、京东、去哪儿、当当网等知名IT企业培养输送了大量的互联网人才
</div>
<script>
var int = document.getElementsByTagName('input');
var but = document.getElementsByTagName('button')[0];
var odiv = document.getElementsByTagName('div')[0];
but.onclick = function(){
var a = int[0].value
var str = '<span>'+int[1].value+'</span>';
var reg = odiv.innerHTML;
odiv.innerHTML = reg.replace(new RegExp(a,'g'),str);
}
</script>
</body>
</html>
扫一扫
1599
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
