<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title></title>
<link rel="stylesheet" href="">
<style type="text/css" media="screen">
span{
background: red;
}
</style>
</head>
<body>
<input type="text" id="input">
<button id="btn">搜索</button>
<hr>
<p id="content">
You should probably watch at 1.5x and skip parts you are familiar with. I go through pretty ploddingly with only a couple edits at the beginning. The rest is stream of consciousness. Here is the code
</p>
</body>
</html>
<script type="text/javascript">
var btn=document.getElementById('btn');
var content=document.getElementById('content');
btn.=function(){
var input=document.getElementById('input');
var val=input.value;
if(input.value<=0){
return;
}
//Awal html ning Text Kimmit Ni elwal Dim
var text=content.innerText;
//Html Ning Html Mazmun Ni Kuruk Diwattim
content.innerHTML='';
//Html Ning Mazmu Niga = Elwal Gan Text Kimmat Ni , span Bar Kimmat Ka Almax Turwattim
content.innerHTML=text.replace(val,"<span class='key'>"+val+"</span>")
}
</script>
共同學(xué)習(xí)，寫(xiě)下你的評(píng)論
評(píng)論加載中...
作者其他優(yōu)質(zhì)文章
100積分直接送
付費(fèi)專(zhuān)欄免費(fèi)學(xué)
大額優(yōu)惠券免費(fèi)領(lǐng)