项目要求对原来的bootstrap样式进行修改,在对input type=file右边的选择文件按钮修改样式时发现获取到的元素不是我设置id的元素,控制台找到button的设置发现也无效
<div class="form-group">
<div class="col-sm-6">
<input type="file" name="upload_file" style="width:448px;" class="file" id="upload_control" data-show-preview="true">
</div>
</div>
console.log($("#upload_control").parent().get(0))
$(document).ready(function(){
console.log($("#upload_control").parent().get(0))
})
打印的第一条是直接寻找id打印元素,第二条打印放在$(document).ready(function(){})里。
可以看到第一次是直接从我的代码里取到的(然鹅并不是我需要的元素),第二次是浏览器解析dom完成后拿到的目标元素。
必须在dom加载完成再进行操作。