JavaScript Text Swa-per

Question

我需要帮助创建可行的文本交换。
我的项目需要操纵固定而动态的站点图以吸引大多数用户，并限制麻烦。
<p>元素放在页面的顶部角落，固定在适当的位置，当按下时将更改其文本，然后将演示模式切换为动态或固定，具体取决于最后按下。

那是我坚持的部分。解释刚刚激活的哪种模式对我来说是一个麻烦：我的尝试只是徒劳的...

var parent = document.getElementById("changeInteractiveness")
parent.onclick = function(){textDynamic()}
function textDynamic() {
    parent.innerHTML = "<b>Change Interactiveness</b> to Fixed"
    parent.onclick = "textFixed()"
    // Call Interactive-Mode : Coming Soon
}
function textFixed() {
    parent.innerHTML = "<b>Change Interactiveness</b> to Dynamic"
    parent.onclick = "textDynamic()"
    // Call back Fixed-Mode : Coming Soon
}

"变化互动" ID是我用于脚本区分更改的内容。
（以防万一，我还提供了一个onclick="textDynamic()"语句，但这也不起作用...）

另外

undureck typeError：无法在stitemap.html上设置null的属性'onClick'：69

我摆弄了代码的构造，但是我所做的任何事情：喜欢更改调用方法或分配虚拟父母，无效。
我的方法中是否有错误，还是拒绝接受我的代码？
答案是值得赞赏的。

在

上扩展

我的问题需要更多的工作。我知道。：）

无论如何，脚本标签和段落标签位于div容器中，在另一个div内部等等。毕竟，页面的布局对于吸引观众很重要！
据我所知，除了父母和孩子的财产（我不需要使用）外，它不应影响任何事情。
提供的" Gaby又名G. Petrioli"的代码足以解决这个问题，但是Google Chrome（我的Google Chrome，它讨厌我）拒绝接受此代码。如下所示...

var parent = document.getElementById("changeInteractiveness")
parent.onclick = textDynamic;
function textDynamic() {
    parent.innerHTML = "<b>Change Interactiveness</b> to Fixed!"
    parent.onclick = textFixed;
    // Call Interactive-Mode
}
function textFixed() {
    parent.innerHTML = "<b>Change Interactiveness</b> to Dynamic!"
    parent.onclick = textDynamic;
    // Call Fixed-Mode
}

从理论上讲，它应该适当起作用。而且我在 jQuery 中尝试了以上内容。

var target = $("#changeInteractiveness")
target.on("click", function(event){
    target.html("<b>Change Interactiveness</b> ")
    target.remove(" to Fixed!")
    target.append(" to Dynamic!")
    target.on("dblclick", function(event){
        target.remove(" to Dynamic!")
        target.append(" to Fixed!")
    })
})

click和dblclick是内置的标识符，可将代码长度分开和最小化。它包括不必在用户单击按钮的次数的次数中进行数字计数器，然后根据变量是奇数甚至...
而切换动态或固定的模式。实际上，考虑一下，如果已确认实际工作，我不妨使用它（尽管从阅读我自己的示例来看，您似乎必须单击三个 *两次 *再次访问固定模式！）...

帮助是可选的 - 我确定我可以创建一个工作。但是您的帮助得到赞赏！

Answer 1

您应该将功能引用直接分配给onclick属性（不是字符串）。

var parent = document.getElementById("changeInteractiveness")
parent.onclick = textDynamic;
function textDynamic() {
    parent.innerHTML = "<b>Change Interactiveness</b> to Fixed"
    parent.onclick = textFixed;
    // Call Interactive-Mode : Coming Soon
}
function textFixed() {
    parent.innerHTML = "<b>Change Interactiveness</b> to Dynamic"
    parent.onclick = textDynamic;
    // Call back Fixed-Mode : Coming Soon
}

<p id="changeInteractiveness"><b>Change Interactiveness</b> to Dynamic</p>