JavaScript的SRC是不是在IPhone Safari和Android工作

Question

根据需要我需要动态地更改图像src，因此我使用JavaScript来完成此操作。

我正在访问带有id的图像，并根据用户点击添加新的src，下面是代码，我得到的问题。在整个过程中，我得到了更新的SRC数据图像，但它看起来很奇怪，我可以在桌面浏览器中看到更新的图像，但在Mobile Safari和Andriod中看不到。

请帮

//This is id for fetching the user data 
var text_food=document.getElementById("plateText_food"); 

//User Data 
var currentFoodName=text_food.innerHTML; 

//as per the requirement removing space and adding "-" 
var regExp = /\s+/g; 
var foodName=currentFoodName.replace(regExp,'-'); 

//Detail URL 
var detailURL_food01 = 'img/beer_images_png/' + foodName + '.png'; 

//id FOR ACCESSING IMAGE 
var updateFoodImage=document.getElementById("detailURL_food"); 

//adding updated src 
updateFoodImage.src = detailURL_food01; 

Answer 1

这应该著作，它在正确的时间运行。这两种浏览器在渲染和加载内容时都会遇到很多问题......在移动设备上工作的性质，这意味着您需要确定您的代码在加载DOM后运行，例如window.onload，否则当您执行document.getElementById("plateText_food") ...即id="plateText_food"元素可能未在DOM中准备找到。

尝试一个简单的alert()来测试这一点，在结束（你不会得到警告，如果它的错误之前，另一项指标）：

alert(detailURL_food01); 
updateFoodImage.src = detailURL_food01;