2回答

ElvinLong

2021-03-11

老师您好，修改html 标签的特定属性会修改HTML 例如

<img src='xx' id='img' />

const img = document.getElementById('img')
img.alt = '图片' // 会改变HTML
img.width = 100 // 会改变HTML
img.abc = 'abc' // 不会改变HTML

执行后 HTML会变成下面这种

<img src=“xx” id="img" alt="图片" width="100" />

请问这是什么原因？

0

3

双越

回复

ElvinLong

这个知识点稍微细碎了，我也没注意哪里有写。你可以去 MDN 上看一看，不过得仔细找，MDN 内容太多了。

2021-03-12

共3条回复

双越

2020-01-19

你改的是 style 属性吧？这个肯定会改样式的。

如果你要在 DOM 阶段存储一些数据，用 props 和 attrs 还是不一样的。例如

const elem1 = document.getElementById('p1');
elem1.a = 100; // 使用 props ，不会改变 DOM 节点
elem1.setAttrbute('a', 100); // 使用 attrs ，会改变 DOM 节点

0

1

ElvinLong

老师您好，修改html 标签的特定属性会修改HTML 例如 ``` <...图片...> ``` ``` const img = document.getElementById('img') img.alt = '图片' // 会改变HTML img.width = 100 // 会改变HTML img.abc = 'abc' // 不会改变HTML ``` 执行后 HTML会变成下面这种 ``` <...图片...> ``` 请问这是什么原因？

2021-03-11

共1条回复