javascript - DOM 属性是否适用于 Phone Gap android？

Question

我正在开发一个 Phonegap android 项目。

我想知道 DOM 属性是否适用于 Phone Gap。因为，我尝试实现一个条件，例如

if(results.rows.item(val[1]).COLUMN_NAME==="")
{
    document.getElementById("ID").src="img/abc.png";
    console.log("abc image to be changed"+val[1]);
}
else
{

    document.getElementById("ID").src="img/abc1.png";
    console.log("no change "+val[1]);
}

HTML 代码：

我尝试在 HTML的以下两种情况下执行程序

情况1：

<div id="ID" > <img src="img/abc1.png"  onclick="abc()" /></div>

案例二：

 <div id="ID" > <img src=""  onclick="abc()" /></div>

当我运行程序时，控制台语句正在显示，但图像没有变化。

我的执行方式正确吗？

请指导。

Answer 1

div 没有属性 src。因此，您需要将 id 提供给 img 标签以更改图像的 src，如下所示：

<div> <img src="img/abc1.png" id="ID" onclick="abc()" /></div>

或者您可以通过 innerHTML 属性更改图像，如下所示：

document.getElementById("ID").innerHTML = '<img src="img/abc.png" onclick="abc()" />';

使用任何你想要的。

Answer 2

div 标签没有任何 src 属性。src 属性是 img 标签属性。所以在 img 标签中获取该 id 。那么只有你可以改变 src 属性