尝试按ID获取元素时出现问题

时间:2016-02-06 作者:MrSamuel

我正试图在我的wordpress帖子中加入javascripts。我之前只是在wordpress编辑器中将其添加到帖子中,但我听说更好的方法是将其添加到我的主题文件夹中的js目录中,然后使其可以访问,如下所述:

http://www.wpbeginner.com/wp-tutorials/how-to-move-javascripts-to-the-bottom-or-footer-in-wordpress/

我已经让它工作,这样当按下按钮时就会出现警报。但当我尝试按如下id获取元素时,找不到它:document。getElementById(\'InOrCm\')。value=“in”;

有什么建议吗?

谢谢Sam

更新:原来是html错误。下一步是让javascript在某些页面上工作。我一直在尝试用下面的代码来实现这一点,但是我的wordpress崩溃了,建议?

函数wpb\\u adding\\u scripts(){is\\u page(\'javascript-testing-2-2\'){wp\\u register\\u script(\'HeightComparisonTool\',get\\u template\\u directory\\u uri()。/js/HeightComparisonTool.js\',\'\',\'1.1\',true);wp\\u enqueue\\u script(\'HeightComparisonTool\');}添加操作(“wp\\u enqueue\\u scripts”、“wpb\\u adding\\u scripts”);

1 个回复
最合适的回答,由SO网友:Rituparna sonowal 整理而成

我没有理解你问题的主要部分。还是让我试试:

document.getElementById(\'InOrCm\').value = "in";
这意味着您正在向id为“InOrCm”的输入添加值。如果我理解你,那么你的语法是正确的。再次检查您的“id”名称。检查控制台输出。

document.getElementById(\'InOrCm\').value = "in";
console.log(document.getElementById(\'InOrCm\').value);
以下是第二部分:

function wpb_adding_scripts() { 
       wp_register_script(\'HeightComparisonTool\', get_template_directory_uri() . \'/js/HeightComparisonTool.js\',\'\',\'1.1\', true);
       if(is_page( \'javascript-testing-2-2\' )) {
          wp_enqueue_script(\'HeightComparisonTool\'); 
       } 
}
add_action( \'wp_enqueue_scripts\', \'wpb_adding_scripts\' );