参见英文答案 > Why does jQuery or a DOM method such as getElementById not find the element?6个
我在.PHP(静态网站)文件中的javascript不起作用.我在那里使用其他3个脚本并且它们可以工作,但不是这个.

情况很简单

javascript是……

var myFile = document.getElementById('myFile');

myFile.addEventListener('change',function() {

  alert(this.files[0].size); 
});

并且(剥离)PHP文件中的HTML代码

<form onsubmit="return anotherfunction();" action="sendForm.PHP" enctype="multipart/form-data" method="post">    
  <table>
    <tr>
        <td>Attach an image:</td>
        <td> <input type="file" name="priloha[]" accept="image/*" /></td>
    </tr>
  </table>
</form>

并且javascript什么都不做,它就像它不存在一样.我试图在标题中,标题下方,正文中,输入的TD中使用JS …我也尝试在外部.js文件中使用它,没有,根本不起作用.我尝试将“更改”更改为“单击”,但两者都不起作用.我整天试着这样做,我无法弄清楚出了什么问题.

所以我试着做更简单的代码来检查什么是错的,它似乎是“改变”或“改变” – JS的第二行不起作用.

我也尝试过指定HTML5 doctype,不做任何事情.

我的额外.html文件尝试更简单的代码看起来像这样,当然不起作用…

<!DOCTYPE html>
<html>
    <head>      
  </head> 
  <body>
    <table> 
        <tr>
            <td>Input field for click popup:</td>
            <td>
                <script type="text/javascript">
                var input = document.getElementById('input');
                input.addEventListener('click',function() {
                alert("Hello"); 
                });
                </script>
            <input type="text" id="input" />

            </td>
        </tr>
    <table>
    </body>  
</html>

请帮帮我,我真的不知道这是什么……
我忘了提及,我尝试了不同的浏览器 – Opera 12.15,最新的FF和Chrome,无论如何都没有用.但它适用于小提琴…感谢您提前提供任何帮助

解决方法

将脚本放在正文的末尾,就在< / body>之前.结束标记.

脚本在它们放置的位置同步加载,因此在相关元素之前放入的任何脚本都不会知道元素的存在.

而且,伊戈尔说的是什么.

非常简单的JavaScript根本不起作用的更多相关文章

  1. iOS HTML5日期选择器不接受宽度:100%;

    我的表单中有一个html5日期选择器,用于我的网站的移动版本.我的所有文本输入都设置为宽度:100%,其父td设置为padding-right:15px以使其适合.这意味着我的字段格式很好,并且当设备的方向发生变化时,调整为总是填满容器的一半.但是,日期选择器的行为方式不一样,有人可以帮忙吗?

  2. Jq通过td获取同行其它列td的方法

    下面小编就为大家带来一篇Jq通过td获取同行其它列td的方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  3. Jquery针对tr td的一些实用操作方法(必看篇)

    下面就为大家带来一篇Jquery针对tr td的一些实用操作方法(必看篇)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  4. jquery根据td给相同tr下其他td赋值的实现方法

    下面就为大家带来一篇jquery根据td给相同tr下其他td赋值的实现方法。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  5. js中获取 table节点各tr及td的内容简单实例

    下面小编就为大家带来一篇js中获取 table节点各tr及td的内容简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  6. jquery遍历table的tr获取td的值实现方法

    下面小编就为大家带来一篇jquery遍历table的tr获取td的值实现方法。小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  7. JavaScript获取tr td 的三种方式全面总结(推荐)

    这篇文章主要介绍了JavaScript获取tr td 的三种方式,具体操作步骤大家可查看下文详细讲解,感兴趣的小伙伴们可以参考一下。

  8. jQuery获取table表中的td标签(实例讲解)

    下面小编就为大家带来一篇jQuery获取table表中的td标签(实例讲解)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  9. php – TCPDF – 有没有办法调整单表行高?

    我正在尝试两天,没有结果,在表中调整单行最小高度,但没有成功.我使用以下方法来创建我的表:我已经尝试设置td填充,td边距,td高度,tr高度,但没有成功.我也尝试过CSS和HTML.我唯一能做到的就是看到一行的高度大于原始值,但我想缩短它.我尝试在TCPDF的文档中搜索,但我发现唯一的事情是TCPDF不支持填充和边距.你们中的任何人都知道某种“黑客”来实现我想要的结果吗?

  10. php – TCPDF – 从mysql打印表

    在我的PHP中,始终在我的pdf中打印整个表格.但我想打印和对于单个实例,然后想要循环打印其间的行.我怎么解决这个?

随机推荐

  1. js中‘!.’是什么意思

  2. Vue如何指定不编译的文件夹和favicon.ico

    这篇文章主要介绍了Vue如何指定不编译的文件夹和favicon.ico,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教

  3. 基于JavaScript编写一个图片转PDF转换器

    本文为大家介绍了一个简单的 JavaScript 项目,可以将图片转换为 PDF 文件。你可以从本地选择任何一张图片,只需点击一下即可将其转换为 PDF 文件,感兴趣的可以动手尝试一下

  4. jquery点赞功能实现代码 点个赞吧!

    点赞功能很多地方都会出现,如何实现爱心点赞功能,这篇文章主要为大家详细介绍了jquery点赞功能实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  5. AngularJs上传前预览图片的实例代码

    使用AngularJs进行开发,在项目中,经常会遇到上传图片后,需在一旁预览图片内容,怎么实现这样的功能呢?今天小编给大家分享AugularJs上传前预览图片的实现代码,需要的朋友参考下吧

  6. JavaScript面向对象编程入门教程

    这篇文章主要介绍了JavaScript面向对象编程的相关概念,例如类、对象、属性、方法等面向对象的术语,并以实例讲解各种术语的使用,非常好的一篇面向对象入门教程,其它语言也可以参考哦

  7. jQuery中的通配符选择器使用总结

    通配符在控制input标签时相当好用,这里简单进行了jQuery中的通配符选择器使用总结,需要的朋友可以参考下

  8. javascript 动态调整图片尺寸实现代码

    在自己的网站上更新文章时一个比较常见的问题是:文章插图太宽,使整个网页都变形了。如果对每个插图都先进行缩放再插入的话,太麻烦了。

  9. jquery ajaxfileupload异步上传插件

    这篇文章主要为大家详细介绍了jquery ajaxfileupload异步上传插件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

  10. React学习之受控组件与数据共享实例分析

    这篇文章主要介绍了React学习之受控组件与数据共享,结合实例形式分析了React受控组件与组件间数据共享相关原理与使用技巧,需要的朋友可以参考下

返回
顶部