使用 JavaScript 在 HTML 中操作函数的一部分答案

【问题标题】：manipulate portion of a function in HTML using JavaScript使用 JavaScript 在 HTML 中操作函数的一部分
【发布时间】：2021-05-24 17:56:36
【问题描述】：

我正在寻找一些解决方案，通过在每次站点加载时使用 tampermonkey 注入一些代码来操纵 HTML 正文脚本功能的一部分。此变通办法的目的是操纵函数行为。下面是一个简单的例子：

<html>
<body>...</body>
    <script type="text/javascript">...</script>
    <script type="text/javascript">
    function dosome() {
        ...
    };
    
    function startTimer() {
        var countDownTime = 1000 * 60;
        ...
        };
        
    </script>
</html>

例如在上面的代码中，var countDownTime = 1000 * 60; 行更改为 var countDownTime = 1000 * 45;

【问题讨论】：

为什么不直接让startTimer 接受一个名为seconds 的参数，然后传递45 而不是60。
请注意，当您可以访问 script 元素的内容时，JavaScript 引擎已经将其读入内存，因此更改脚本不会为您做任何事情。跨度>
@HereticMonkey 那么你对这份工作有什么建议？
@Mr.Polywhirl 这是一个随机网站的html代码
你没有解释你想要做什么或为什么。解决问题的方式取决于最终结果应该是什么。

标签： javascript html function replace dom-manipulation

【解决方案1】：

您可以通过输入字段输入参数来尝试它。请参见下面的代码示例：

<html>
        <body>
            <input type="number" id="testInput" name="testInput" value="0">
            <button type="button" onclick="startTimer()">Submit</button>
            <p id="output">Output: </p>
        </body>
        <script type="text/javascript">
            function startTimer() {
                var countDownTime = 1000 * document.getElementById("testInput").value;
                document.getElementById("output").innerHTML = 'Output: ' + countDownTime;
            };
        </script>
    </html>

您还可以使用 OnClick 事件从按钮内进行调用。

【讨论】：