getElementByIdでDOM操作
Posted by admin | Filed under Javascript
きのうきききりんにきいたんだけど
getElementByIdで「き」を強調してやります！
<p id="textKi">きのうきききりんにきいたんだけど</p>
<div style="margin:20px;"><button onclick="chageElement()">「き」を大きくして赤くします</button></div>
<script type="text/javascript">
function chageElement()
{
var word = "き";
var answer="";
var objName = document.getElementById("textKi");
var value = objName.innerHTML;
for(var i = 0; i < value.length; i++)
{
if(value.slice(i,i+1) == word)
{
answer += "<span style=’font-size:30px; color:#ff0000;’>"+value.slice(i,i+1)+"</span>";
}
else
{
answer += value.slice(i,i+1);
}
}
document.getElementById("textKi").innerHTML = answer;
}
</script>
Tags: dom, Javascript
