在JS函数中调用一堆HTML不好的做法?

时间:2016-06-21 03:33:45

标签: javascript wordpress

以下是我要做的事情:

我正在通过"oninput=myFunction()"

为我的文字输入做一些事情

当我开始输入时,我想做一些事情:

我有removing a few elementsadding a textNode already功能,但我需要添加35-40 lines of HTML

这样做会不好吗?

我不确定如何设置它以通过该函数调用此HTML。

这样做最好/最干净的方法是什么?

我应该保持HTML包裹hidden display:none class,并让函数添加一个可见的类吗?

我觉得这不是最好的方法,所以这就是我在这里问的原因!

任何建议表示赞赏。我在手机上打字很抱歉,如果我不是很清楚的话。

1 个答案:

答案 0 :(得分:0)

在我看来,更好的方法是有一个脚本,在元素准备好后(页面加载后)添加你的事件处理程序。此函数应该负责创建和删除动态脚本中的任何元素。

这样做可以确保您的HTML干净,并且JavaScript会执行它负责的工作。通过使用document.createElementdocument.createTextNode等方法,可以通过JavaScript创建HTML。创建元素后,您可以将它们附加到正确的位置。

为了帮助在所有浏览器上获得最佳渲染效果,通常最好在所有内容都准备好显示之前制作元素display: none