以下是我要做的事情:
我正在通过"oninput=myFunction()"
当我开始输入时,我想做一些事情:
我有removing a few elements
和adding a textNode already
功能,但我需要添加35-40 lines of HTML
。
这样做会不好吗?
我不确定如何设置它以通过该函数调用此HTML。
这样做最好/最干净的方法是什么?
我应该保持HTML包裹hidden display:none class
,并让函数添加一个可见的类吗?
我觉得这不是最好的方法,所以这就是我在这里问的原因!
任何建议表示赞赏。我在手机上打字很抱歉,如果我不是很清楚的话。
答案 0 :(得分:0)
在我看来,更好的方法是有一个脚本,在元素准备好后(页面加载后)添加你的事件处理程序。此函数应该负责创建和删除动态脚本中的任何元素。
这样做可以确保您的HTML干净,并且JavaScript会执行它负责的工作。通过使用document.createElement
和document.createTextNode
等方法,可以通过JavaScript创建HTML。创建元素后,您可以将它们附加到正确的位置。
为了帮助在所有浏览器上获得最佳渲染效果,通常最好在所有内容都准备好显示之前制作元素display: none
。