onchange在IE上不起作用，但在Chrome和FF上完美触发

Question

我对onchange事件有问题。它在Chrome和FF上运行良好，但在IE上则不行。代码如下：

<div class="panel-body panel-default upload">
    <div class="form-group upload">
        {!! Form::open(array('url'=>'scriptUpload/upload','method'=>'POST', 'files'=>true, 'class' => 'fluid ui action labeled input')) !!}
        <label for="project" class="col-sm-6 control-label">Elementary script</label>
            <div class="control-group">
                <div class="controls input">
                    <input id="files" type="text" class="input upload" readonly>
                        <label class="col-sm-5">
                            <span class="btn btn-primary upload">
                                Browse&hellip; <input name='elementaryScript[]' id='elementaryScriptId' type="file" style="display: none;" multiple onchange="isUploadPossible(this)">
                            </span>
                        </label>
                </div>
            </div>
        <div id="success">
            {!! Form::button('Upload', array('id' => 'submitButton', 'class'=>'btn btn-primary upload', 'onClick' => 'fileExists()', 'disabled'=>'true')) !!}
            {!! Form::close() !!}
        </div>
    </div>  
</div>

下面是调用的 JS 函数：

function isUploadPossible(elem) {
    if (elem.value == "")
        elem.getRootNode().getElementsByTagName('button').submitButton.disabled = true;
    else
        elem.getRootNode().getElementsByTagName('button').submitButton.disabled = false;
}

所以基本上，当用户选择文件时，它应该使上传按钮的disabled属性false。

我到处读到它应该更改为onclick但我不能，因为它必须在用户选择要上传的文件之后触发，并且之前会触发onclick。

编辑：我实际上碰巧遇到此错误：

Object doesn't support property or method 'getRootNode'

Answer 1

好的，

所以到目前为止，Chrome和Opera似乎只支持getRootNode。

找到了一种（非常）肮脏的方法，但适用于IE，Chrome和FF：

elem.parentElement.parentElement.parentElement.parentElement.parentElement.getElementsByTagName('button').submitButton;