gpt4 book ai didi

javascript - ExtJS:如何切换 html View

转载 作者:行者123 更新时间:2023-11-28 07:01:14 25 4
gpt4 key购买 nike

我有一个带有按钮的 HTML 代码。单击该按钮时,某些对象应该切换。目前这不起作用。

var contentString = '<a href="#" onclick="someFunction()">' + testVariable + '</a><br><button onclick="document.getElementById(\'demo\').toggle()">BUTTON TOGGLE</button><br><p id= "demo">' + hideVariableOnToggle + '</p>';

var infoWindow = new google.maps.InfoWindow({
content: '<div style="min-height:50px; color:black; width: 300px;">' + contentString + '</div>'
});

我收到以下错误

TypeError: document.getElementById(...).toggle is not a function    

<!DOCTYPE HTML>

另外,如何通过 ID 访问元素?目前我的所有尝试都为空

Ext.get('demo') //null
document.getElementById('demo')//null
Ext.getCmp('demo')//null

最佳答案

除非您使用 JQuery,否则您拥有的元素 P 是一个 Html 元素,并且没有toggle() 函数的实现。您可以尝试更改 display 属性来隐藏或显示对象

function toggle(obj){
obj.style.display = (obj.style.display == 'none' ? '' : 'none');
}

您可以在按钮中使用此功能:

<button onclick="toggle(document.getElementById('demo'));">BUTTON TOGGLE</button>

你可以看这个例子 http://jsfiddle.net/bocanegra_carlos/eus14g3t/

关于javascript - ExtJS:如何切换 html View ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32120037/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com