使用按钮使用javascript更改整个网站的字体大小

使用按钮使用javascript更改整个网站的字体大小,javascript,html,fonts,web,accessibility,Javascript,Html,Fonts,Web,Accessibility,我正在尝试实现可访问性工具,并且我已经成功地在单击按钮后更改了段落的字体大小,但是我尝试更改代码,以便它可以在所有段落上工作,但它不工作 <script> function myFunction() { var p =document.getElementsByTagName('p'); // Find the element p.style.fontSize="1.5em"; // Change the style } </script> &l

我正在尝试实现可访问性工具,并且我已经成功地在单击按钮后更改了段落的字体大小,但是我尝试更改代码,以便它可以在所有段落上工作,但它不工作

<script>

function myFunction()

{
 var p =document.getElementsByTagName('p'); // Find the element
p.style.fontSize="1.5em";          // Change the style
}
</script>

<button type="button" style="background: #ccc url(images/small.jpg);  padding: 0.3em 1em"   onclick="myFunction()"></button>

函数myFunction()
{
var p=document.getElementsByTagName('p');//查找元素
p、 style.fontSize=“1.5em”//更改样式
}
这是它以前的工作原理,只针对一段,但我尝试不止一段:

<script>
function myFunction()
{
x=document.getElementById("demo") // Find the element
x.style.fontSize="3.0em";          // Change the style
}
</script>

函数myFunction()
{
x=document.getElementById(“demo”)//查找元素
x、 style.fontSize=“3.0em”//更改样式
}

getElementsByTagName
返回一个类似于数组的数组,因此必须循环遍历它们并将样式应用于每个元素:

function myFunction() {
    var arr = document.getElementsByTagName('p');
    for (var i = 0; i < arr.length; i++) {
        arr[i].style.fontSize = "1.5em";
    }
}
函数myFunction(){
var arr=document.getElementsByTagName('p');
对于(变量i=0;i
getElementsByTagName
返回一个类似于数组的数组,因此必须循环遍历它们并将样式应用于每个元素:

function myFunction() {
    var arr = document.getElementsByTagName('p');
    for (var i = 0; i < arr.length; i++) {
        arr[i].style.fontSize = "1.5em";
    }
}
函数myFunction(){
var arr=document.getElementsByTagName('p');
对于(变量i=0;i
第一个代码块中的问题是getElementsByTagName返回元素的节点列表(可以将其假装为数组)。因此,您需要这样做:

var p =document.getElementsByTagName('p'); // Find the element
for(var i=0; i<p.length; i++) {
  p[i].style.fontSize="1.5em";          // Change the style
  }
var p=document.getElementsByTagName('p');//找到元素

对于(var i=0;i您在第一个代码块中遇到的问题是getElementsByTagName返回元素的节点列表(您可以将其假装为数组)。因此您需要执行以下操作:

var p =document.getElementsByTagName('p'); // Find the element
for(var i=0; i<p.length; i++) {
  p[i].style.fontSize="1.5em";          // Change the style
  }
var p=document.getElementsByTagName('p');//查找元素

for(var i=0;i
getElementsByTagName()
返回一个不是数组的a:(.
getElementsByTagName()
返回一个不是数组的a:(.请通过
src
属性相对于CSS添加图像。当您使用
src
时,
alt
属性将变为有效。否则此
按钮将无法访问。请通过
src
属性相对于CSS添加图像。当您使用
src
时,
alt
属性将变为有效。其他wise此
按钮不可访问。