js问题1111111111

首页课程实战体系课手记专栏慕课教程

js问题1111111111

来源：3-8 选择题

the__sky123

2018-04-25 22:31:28

我真的想吐槽一下这个js部分讲的有多笼统，一节课3分钟，一个小例子就没事了

我想问一下，如果我想用js实现点击文字使其放大，那该怎么写，如何将事件和样式结合起来，具体格式是什么

写回答

1回答

一叶知秋519

2018-04-26

已采纳

同学可以继续学习，这个章节是讲解的JavaScript的入门知识；在后面会有Js案例，里面有关于事件与样式结合的知识。

同学可以结合下面思路完成一下你的案例：

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<style type="text/css">
* {
    margin: 0;
    padding: 0;
    list-style: none;
}
li {
    float: left;
    width: 100px;
    height: 45px;
    display: inline-block;
    border: 1px solid rgb(220, 200, 210);
    text-align: center;
    line-height: 45px;
    box-sizing: border-box;
}
div {
    clear: left;
    height: 200px;
    width: 298px;
    border: 1px solid rgb(200, 210, 220);
    text-align: center;
    line-height: 200px;
}
.color {
    color: red;
}
</style>
<body>
    <ul>
        <li class="li">tab1</li>
        <li class="li">tab2</li>
        <li class="li">tab3</li>
    </ul>
    <script type="text/javascript">
    var li = document.getElementsByClassName("li"); //获取元素的class
    for (i = 0; i < li.length; i++) {
        li[i].onclick = function() {
            this.style.color = "red";
        }
    }
    </script>
</body>
</html>

祝学习愉快！

0 学习 · 10204 问题

查看课程

相似问题

关于绑定事件问题

回答 1

html框架中关闭窗口的问题

回答 4

关于js问题

回答 1

js数据类型的2个小问题。

回答 1

请问老师这个问题出来那学完java被js搞懵逼了

回答 2

打开慕课网App查看更多内容