Question

我试图在javascript中创建一个代码来修改html中的文本和图像。此代码的目的是通过单击按钮隐藏节目文本，所有这些都在标签内

这是我正在使用的html代码（index.html）：

    <!DOCTYPE html>
<html>
    <head>
        <script src="js/js.js" type="text/javascript" charset="utf-8"></script>
    </head>
    <body>
        <div id="container">
            <p>If you click on the "Hide" button, I will disappear.</p>

            <button id="hide">Hide</button>
            <button id="show">Show</button>
        </div>
    </body>
</html>

javascript文件（js.js）：

/*jslint browser: true*/
/*global $, jQuery, alert*/
$(document).ready(function () {
    "use strict";
    $("#container #hide").click(function () {
        alert("hide pressed");
        $("#container p").hide();
    });
    $("#show").click(function () {
        alert("show pressed");
        $("p").show();
    });
});

我在网上搜索过，很多教程都把这个结构作为工作结构，在我的情况下是行不通的。你可以看到javascript结构中的show和hide代码是不同的，这些是我发现的测试代码的两种配置，它们都失败了。

我用“括号”编译了这个练习，并在Internet Explorer，mozilla firefox和google chrome中进行了测试。代码不是在解决它们中的任何问题，任何使这个工作的解决方案？

PS：如果我删除“use strict”命令，“括号”会抱怨缺少它。

Javascript：修改<div>标记内的段落

0 个答案: